:root {
  /* Brand colors */
  --ink: #0b1f33;
  --navy: #08233d;
  --accent: #00aef0;
  --paper: #f7fafc;
  --soft-blue: #eaf8fe;
  --canvas-warm: #f7f8f7;
  --muted: #607286;
  --line: #dbe6ee;

  /* Layout */
  --max: 1180px;
  --section-space: 92px;
  --section-space-mobile: 70px;

  /* Shape */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Typography */
  --font-sans: Inter, Arial, Helvetica, sans-serif;
  --tracking-display: -.05em;

  /* Elevation */
  --shadow-soft: 0 14px 38px rgba(8,35,61,.06);
  --shadow-panel: 0 24px 70px rgba(8,35,61,.14);
}