:root {
  /* Brand color */
  --color-navy: #083d72;
  --color-navy-mid: #0b5fa3;
  --color-blue: #1f8edb;
  --color-blue-light: #238fdd;
  --color-blue-pale: #a6d8ff;
  --color-grey-tagline: #8b929e;
  --color-grey-tagline-dark: #b8c1cc;
  --color-bg-dark: #08111c;
  --color-bg-dark-raised: #0f1c2c;
  --color-bg-light: #ffffff;
  --color-bg-card: #f6f8fb;
  --color-border-light: #e3e8ef;
  --color-border-dark: #1c2a3a;
  --color-ink: #0d1b2a;

  --gradient-brand: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-mid) 55%, var(--color-blue-light) 100%);
  --gradient-brand-dark: linear-gradient(135deg, #ffffff 0%, var(--color-blue-pale) 100%);
  --gradient-glow: radial-gradient(circle, rgba(31, 142, 219, 0.55) 0%, rgba(31, 142, 219, 0) 70%);

  /* Type */
  --font-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-heavy: 800;
  --tracking-label: 0.14em;

  --fs-eyebrow: 0.8rem;
  --fs-small: 0.9rem;
  --fs-body: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
  --fs-h4: clamp(1.15rem, 0.6vw + 1rem, 1.4rem);
  --fs-h3: clamp(1.4rem, 1vw + 1.1rem, 1.9rem);
  --fs-h2: clamp(1.9rem, 2.4vw + 1.2rem, 3rem);
  --fs-h1: clamp(2.4rem, 4.5vw + 1.4rem, 4.75rem);

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --space-9: 8rem;

  /* Shape / elevation / motion */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --shadow-card: 0 12px 32px rgba(8, 17, 28, 0.08);
  --shadow-glow: 0 0 48px rgba(31, 142, 219, 0.35);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 160ms;
  --duration-base: 320ms;
  --duration-slow: 700ms;

  --container-max: 1240px;
  --header-height: 84px;
}