:root {
  --navy: #0a1e36;
  --navy-deep: #061526;
  --navy-mid: #132d4d;
  --gold: #c4a35a;
  --gold-hover: #b08f45;
  --gold-light: #d4bc7a;
  --white: #ffffff;
  --off-white: #f5f6f8;
  --gray-100: #eef0f3;
  --gray-200: #dce1e7;
  --gray-400: #8a94a0;
  --gray-600: #5a6570;
  --text: #1a2332;
  --text-muted: #5a6570;

  --font-display: system-ui, sans-serif;
  --font-body: system-ui, sans-serif;

  --container: 1180px;
  --container-wide: 1280px;
  --header-h: 84px;
  --header-surface: var(--white);
  --header-border: var(--gray-200);
  --page-hero-surface: var(--white);
  --footer-surface: var(--off-white);
  --radius: 4px;
  --transition: 0.28s ease;

  --shadow-sm: 0 2px 8px rgba(10, 30, 54, 0.06);
  --shadow-md: 0 8px 28px rgba(10, 30, 54, 0.1);
}

@media (max-width: 768px) {
  :root {
    --header-h: 64px;
  }
}

@media (max-width: 480px) {
  :root {
    --header-h: 60px;
  }
}