/* Content Engine — design tokens. Locked palette per brand brief §3. */
:root {
  /* Locked palette */
  --navy: #071A33;
  --teal-dark: #006A73;
  --teal: #00A9A5;
  --aqua: #16D4C5;
  --mist: #8A97A8;
  --white: #FFFFFF;

  /* Semantic */
  --bg: var(--white);
  --bg-alt: #F4F7FA;
  --bg-inverse: var(--navy);
  --text: var(--navy);
  --text-muted: #4A5A70; /* darkened mist for AA contrast on white */
  --text-inverse: var(--white);
  --text-inverse-muted: #B9C2D0;
  --brand-gradient: linear-gradient(135deg, var(--aqua), var(--teal-dark));
  --border: #E1E7ED;
  --border-inverse: rgba(255, 255, 255, 0.14);
  --focus-ring: 0 0 0 3px rgba(22, 212, 197, 0.55);

  /* Type */
  --font-heading: "Poppins", "Poppins-fallback", system-ui, sans-serif;
  --font-body: "Inter", "Inter-fallback", system-ui, sans-serif;
  --fs-h1: clamp(2.25rem, 4vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.75rem, 2.4vw + 1rem, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --lh-tight: 1.15;
  --lh-body: 1.6;

  /* Layout */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(7, 26, 51, 0.06), 0 1px 1px rgba(7, 26, 51, 0.04);
  --shadow-md: 0 8px 24px rgba(7, 26, 51, 0.10);
  --shadow-lg: 0 20px 48px rgba(7, 26, 51, 0.16);
  --container: 1240px;
  --gap: clamp(1rem, 2vw, 2rem);
  --nav-h: 72px;
}

@media (prefers-color-scheme: dark) {
  /* Reserved: the site ships light-mode only for v1 (matches the locked
     navy/teal identity, which already reads as a "dark brand on light
     canvas" system) — skipped: a true dark-mode theme, add if requested. */
}