/* Fortico Design System — base tokens (fluid 320 → 1440px) */

:root {
  /* Type — 12-step fluid ramp */
  --fs-50:   clamp(0.6875rem, 0.65rem + 0.18vw, 0.75rem);     /* 11 → 12 */
  --fs-100:  clamp(0.75rem, 0.7rem + 0.27vw, 0.875rem);       /* 12 → 14 */
  --fs-200:  clamp(0.875rem, 0.8rem + 0.36vw, 1rem);          /* 14 → 16 */
  --fs-300:  clamp(1rem, 0.9rem + 0.45vw, 1.125rem);          /* 16 → 18 */
  --fs-400:  clamp(1.125rem, 1.0rem + 0.63vw, 1.25rem);       /* 18 → 20 */
  --fs-500:  clamp(1.25rem, 1.09rem + 0.71vw, 1.5rem);        /* 20 → 24 */
  --fs-600:  clamp(1.5rem, 1.27rem + 1.16vw, 1.875rem);       /* 24 → 30 */
  --fs-700:  clamp(1.875rem, 1.55rem + 1.61vw, 2.5rem);       /* 30 → 40 */
  --fs-800:  clamp(2.25rem, 1.77rem + 2.41vw, 3.25rem);       /* 36 → 52 */
  --fs-900:  clamp(2.75rem, 2.05rem + 3.48vw, 4.25rem);       /* 44 → 68 */
  --fs-1000: clamp(3.5rem, 2.5rem + 5vw, 5.5rem);             /* 56 → 88 */
  --fs-1100: clamp(4rem, 2.86rem + 5.71vw, 6rem);             /* 64 → 96 */

  /* Spacing — 10-step fluid scale */
  --sp-50:  clamp(0.25rem, 0.21rem + 0.18vw, 0.375rem);       /* 4 → 6 */
  --sp-100: clamp(0.5rem, 0.43rem + 0.36vw, 0.75rem);         /* 8 → 12 */
  --sp-200: clamp(0.75rem, 0.64rem + 0.54vw, 1.125rem);       /* 12 → 18 */
  --sp-300: clamp(1rem, 0.86rem + 0.71vw, 1.5rem);            /* 16 → 24 */
  --sp-400: clamp(1.5rem, 1.29rem + 1.07vw, 2.25rem);         /* 24 → 36 */
  --sp-500: clamp(2rem, 1.71rem + 1.43vw, 3rem);              /* 32 → 48 */
  --sp-600: clamp(2.5rem, 2.14rem + 1.79vw, 3.75rem);         /* 40 → 60 */
  --sp-700: clamp(3rem, 2.57rem + 2.14vw, 4.5rem);            /* 48 → 72 */
  --sp-800: clamp(4rem, 3.43rem + 2.86vw, 6rem);              /* 64 → 96 */
  --sp-900: clamp(5rem, 4.29rem + 3.57vw, 7.5rem);            /* 80 → 120 */

  /* Container */
  --container-max: 1440px;
  --container-pad: var(--sp-400);

  /* Radii */
  --r-sm:   0.375rem;
  --r-md:   0.625rem;
  --r-lg:   1rem;
  --r-xl:   1.5rem;
  --r-pill: 999px;

  /* Line heights */
  --lh-vtight: 1.05;
  --lh-tight:  1.2;
  --lh-snug:   1.3;
  --lh-base:   1.5;

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms ease;
  --t-slow: 400ms ease;

  /* Elevation (subtle, brand-appropriate) */
  --shadow-sm: 0 1px 2px rgb(27 28 38 / 0.06), 0 1px 3px rgb(27 28 38 / 0.08);
  --shadow-md: 0 4px 12px rgb(27 28 38 / 0.06), 0 12px 32px rgb(27 28 38 / 0.08);
  --shadow-lg: 0 12px 32px rgb(27 28 38 / 0.10), 0 24px 64px rgb(27 28 38 / 0.10);
}