/* Design tokens — wireframe/tokens/tokens.css */
:root {
      --color-primary: #1d96bd;
      --color-primary-dark: #1789ab;
      --color-primary-light: #4db8dc;
      --color-primary-rgb: 29, 150, 189;
      --color-secondary: #157fa0;
      --color-accent: #5bc0e8;
      --color-text: #1c1b1b;
      --color-background: #fcf9f8;
      --color-inverse-surface: #313030;
      --scroll-weight-velocity: 0;
      --space-xs: 0.5rem;
      --space-sm: 1rem;
      --space-md: 1.5rem;
      --space-lg: 2rem;
      --space-xl: 3rem;
      --font-heading: "Plus Jakarta Sans", sans-serif;
      --font-body: "Manrope", sans-serif;
      --radius-sm: 0.5rem;
      --radius-md: 1rem;
      --radius-lg: 2rem;
      --shadow-sm: 0 8px 24px rgba(29, 150, 189, 0.08);
      --shadow-md: 0 16px 36px rgba(29, 150, 189, 0.12);
      --shadow-lg: 0 24px 48px rgba(29, 150, 189, 0.16);
      --fs-micro: clamp(0.625rem, 0.59rem + 0.16vw, 0.72rem);
      --fs-label: clamp(0.68rem, 0.64rem + 0.18vw, 0.8rem);
      --fs-body: clamp(0.95rem, 0.9rem + 0.22vw, 1.05rem);
      --fs-body-lg: clamp(1.05rem, 0.98rem + 0.42vw, 1.35rem);
      --fs-title-md: clamp(1.55rem, 1.32rem + 1.15vw, 2.5rem);
      --fs-title-lg: clamp(1.85rem, 1.5rem + 1.7vw, 3.4rem);
      --fs-title-xl: clamp(2.2rem, 1.7rem + 2.8vw, 4.8rem);
      --fs-title-hero: clamp(2.35rem, 1.65rem + 4vw, 6.2rem);
      --header-height: 5.75rem;
      --color-muted: #475569;
      --color-focus-inverse: #b8e4f2;
      --section-surface: #faf9f6;
      --section-surface-light: #f4f7fa;
    }