:root{
  --mh-navy-900:#061a2e;
  --mh-navy-800:#0a1e3d;
  --mh-navy-700:#0f2d52;
  --mh-navy-600:#163d6a;
  --mh-gold-700:#1a5276;
  --mh-gold-600:#1f6d94;
  --mh-gold-500:#2589b3;
  --mh-gold-400:#3aa5cf;
  --mh-gold-300:#6dc4e0;
  --mh-honey-100:#eaf5fa;
  --mh-honey-50:#f5fafd;
  --mh-cream:#eef6fb;
  --mh-ink:#0b1a2a;
  --mh-ink-soft:#4a6078;
  --mh-line:#d0e3ef;
  --mh-white:#ffffff;
  --mh-success:#2e7d4f;
  --mh-danger:#b3341c;
  --mh-grad-hero: radial-gradient(120% 140% at 15% 0%, #0f3555 0%, #0a1e3d 45%, #061a2e 100%);
  --mh-grad-gold: linear-gradient(135deg, var(--mh-gold-400) 0%, var(--mh-gold-600) 55%, var(--mh-gold-700) 100%);
  --mh-grad-panel: linear-gradient(180deg, var(--mh-honey-50) 0%, var(--mh-honey-100) 100%);
  --mh-font-display: 'Fraunces', 'Georgia', serif;
  --mh-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mh-radius-sm: 10px;
  --mh-radius-md: 18px;
  --mh-radius-lg: 28px;
  --mh-radius-pill: 999px;
  --mh-shadow-sm: 0 2px 10px rgba(6,26,46,.08);
  --mh-shadow-md: 0 14px 34px rgba(6,26,46,.14);
  --mh-shadow-gold: 0 12px 28px rgba(37,137,179,.30);
  --mh-ease: cubic-bezier(.22,1,.36,1);
  --mh-container-max: 1220px;
  --mh-header-h: 84px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}