:root {
  /* ─── Typography ──────────────────────────────── */
  --font-family-base: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-heading: Lato, 'Source Sans 3', sans-serif;
  --font-family-monospace: 'Source Code Pro', monospace;

  /* ─── Colors ──────────────────────────────────── */
  --color-navy: #003366;
  --color-blue: #0066cc;
  --color-navy-light: #004080;
  --color-blue-light: #1a7adb;
  --color-white: #ffffff;
  --color-off-white: #f8f9fb;
  --color-gray-100: #f1f3f5;
  --color-gray-200: #e4e7eb;
  --color-gray-300: #cfd4da;
  --color-gray-500: #6b7280;
  --color-gray-700: #374151;
  --color-gray-900: #111827;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-link: #0066cc;
  --color-link-hover: #004d99;

  /* ─── Layout ──────────────────────────────────── */
  --container-max: 1200px;
  --header-height: 80px;
  --section-padding: 80px;
  --section-padding-sm: 48px;

  /* ─── Surfaces ────────────────────────────────── */
  --card-radius: 8px;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);
  --button-radius: 4px;

  /* ─── Transitions ─────────────────────────────── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
}