/* =========================================================
   Maxentra — Design Tokens
   Same architecture as the MemoHoney/Stallion template family —
   only color VALUES changed to match the Maxentra bottle
   (white bottle, deep navy accents + charcoal "MAXENTRA" text,
   men's performance clinical blue).
   ========================================================= */
:root{
  --mh-navy-900:#0a1526;
  --mh-navy-800:#0f1d33;
  --mh-navy-700:#152942;
  --mh-navy-600:#21416a;
  --mh-gold-700:#1c4f8a;
  --mh-gold-600:#2460a6;
  --mh-gold-500:#2b6fbf;
  --mh-gold-400:#4a8cd6;
  --mh-gold-300:#a9cdee;
  --mh-honey-100:#e8eef5;
  --mh-honey-50:#f5f8fb;
  --mh-cream:#eef3f8;
  --mh-ink:#13202e;
  --mh-ink-soft:#4e5e70;
  --mh-line:#dbe5ef;
  --mh-white:#ffffff;
  --mh-success:#2e7d4f;
  --mh-danger:#b3341c;

  /* Gradients */
  --mh-grad-hero: radial-gradient(120% 140% at 15% 0%, #1a3252 0%, #0e1d31 45%, #060c16 100%);
  --mh-grad-gold: linear-gradient(135deg, #4a8cd6 0%, #2460a6 55%, #1c4f8a 100%);
  --mh-grad-panel: linear-gradient(180deg, #f5f8fb 0%, #e8eef5 100%);

  /* Typography */
  --mh-font-display: 'Fraunces', 'Georgia', serif;
  --mh-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Radii / shadow / motion */
  --mh-radius-sm: 10px;
  --mh-radius-md: 18px;
  --mh-radius-lg: 28px;
  --mh-radius-pill: 999px;
  --mh-shadow-sm: 0 2px 10px rgba(10,21,38,.08);
  --mh-shadow-md: 0 14px 34px rgba(10,21,38,.16);
  --mh-shadow-gold: 0 12px 28px rgba(36,96,166,.30);
  --mh-ease: cubic-bezier(.22,1,.36,1);

  /* Layout */
  --mh-container-max: 1220px;
  --mh-header-h: 84px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}