/* Cloud Titan design tokens. Change these once to update every page and component. */
:root {
  --navy: #02264a;
  --mint: #01efb3;
  --ink: #262626;
  --muted: #606060;
  --white: #ffffff;
  --paper: #f4f4f4;
  --line: #dedede;
  --mint-soft: color-mix(in srgb, var(--mint) 11%, white);
  --navy-soft: color-mix(in srgb, var(--navy) 7%, white);
  --font: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-sm: .875rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.125rem, 1.7vw, 1.5rem);
  --display-1: clamp(3rem, 7.6vw, 7.25rem);
  --display-2: clamp(2.75rem, 6.2vw, 5.75rem);
  --display-3: clamp(2.1rem, 4.2vw, 4rem);
  --display-4: clamp(1.5rem, 2.8vw, 2.5rem);
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --space-8: 10rem;
  --section-space: clamp(4rem, 8vw, 8rem);
  --gutter: clamp(1.25rem, 4.2vw, 4rem);
  --content-width: 80rem;
  --radius-sm: 1rem;
  --radius-md: 1.75rem;
  --radius-lg: clamp(1.75rem, 3.4vw, 3rem);
  --radius-pill: 999px;
  --shadow: 0 1rem 3.5rem #02264a0d;
  --ease: cubic-bezier(.2,.7,.2,1);
  --duration: 260ms;
}