/* FIXY Design Tokens — P3 visual system */
:root {
  /* Brand */
  --mist: #DDE2ED;
  --mist-deep: #C8D0E3;
  --mist-soft: #EEF1F7;
  --apricot: #FFE7D7;
  --apricot-deep: #FFD4B8;
  --apricot-soft: #FFF3EB;

  /* Neutrals (tinted toward mist) */
  --bg: #F7F6F3;
  --bg-elevated: #FFFCFA;
  --surface: #FFFFFF;
  --ink: #252A44;
  --ink-soft: #4A5068;
  --ink-muted: #6B7289;
  --line: #D5DAE6;
  --line-soft: #E8EBF2;

  /* Semantic */
  --safe: #2F6B4F;
  --safe-bg: #E4F2EA;
  --guided: #8A5A1E;
  --guided-bg: #F8ECD8;
  --pro: #8B3A3A;
  --pro-bg: #F8E4E4;
  --info: #3A4F7A;
  --info-bg: #E4EAF6;
  --focus: #3D4A7A;

  /* Type */
  --font-display: "Fraunces", "Source Serif 4", Georgia, serif;
  --font-body: "Outfit", "Segoe UI", sans-serif;

  --fs-hero: clamp(2.75rem, 6vw, 5.5rem);
  --fs-h1: clamp(2.25rem, 4.5vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-lead: clamp(1.125rem, 1.6vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-body: 1.65;

  /* Space (8px grid) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;

  --section-y: clamp(4rem, 10vw, 7.5rem);
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --max: 72rem;
  --max-narrow: 42rem;
  --max-wide: 80rem;

  /* Radius */
  --r-sm: 0.5rem;
  --r-md: 1rem;
  --r-lg: 1.5rem;
  --r-xl: 2rem;
  --r-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
  --shadow-md: 0 8px 28px color-mix(in srgb, var(--ink) 8%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, var(--ink) 12%, transparent);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 560ms;

  /* Layout */
  --header-h: 4.25rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
}