/* ── Design Tokens ─────────────────────────────────────── */
:root {
  /* Palette */
  --color-bg:        #FAFAFA;
  --color-dark:      #1B2D50;
  --color-text:      #1B2D50;
  --color-secondary: #807D7D;
  --color-accent:    #1573FC;
  --color-accent-hover: #1260d4;
  --color-white:     #FFFFFF;
  --color-border:    #E2E0E0;
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Typography */
  --font-body:    -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Monaco, Consolas, monospace;

  /* Fluid type scale */
  --text-hero:    clamp(2rem, 1.4rem + 2vw, 3rem);            /* 32–48px */
  --text-h2:      clamp(1.625rem, 1.2rem + 1.4vw, 2.25rem);  /* 26–36px */
  --text-h3:      clamp(1.25rem, 1.05rem + 0.75vw, 1.625rem); /* 20–26px */
  --text-h4:      clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem); /* 17–19px */
  --text-body:    clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);    /* 15–16px */
  --text-small:   0.8125rem;                                    /* 13px */
  --text-eyebrow: 0.6875rem;                                    /* 11px */

  /* Spacing (fluid) */
  --space-xs:     clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
  --space-sm:     clamp(0.75rem, 0.6rem + 0.5vw, 1rem);
  --space-md:     clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
  --space-lg:     clamp(2.5rem, 1.5rem + 3vw, 4rem);
  --space-xl:     clamp(4rem, 2.5rem + 5vw, 7rem);
  --space-2xl:    clamp(5rem, 3rem + 6vw, 9rem);

  /* Layout */
  --max-width:    1200px;
  --gutter:       clamp(1rem, 0.5rem + 2vw, 2rem);

  /* Radii */
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --radius-pill:  999px;

  /* Shadows */
  --shadow-sm:    0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md:    0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg:    0 8px 32px rgba(0, 0, 0, 0.10);

  /* Transitions */
  --ease-out:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.15s;
  --duration-base: 0.3s;
  --duration-slow: 0.5s;

  /* Header */
  --header-height: 72px;
}