/*
  Brand tokens — sampled directly from the logo file.
  See docs/01-brand-analysis.md §1.3. Keep in sync with that file.
*/
:root {
  --color-navy: #212448;
  --color-navy-deep: #14162e;
  --color-footer-cta: #1f2b4d;
  --color-teal: #01a8ba;
  --color-teal-dark: #018a99;
  --color-gold: #d8ad5e;
  --color-gold-dark: #c2953f;

  /* Action green — used for primary CTAs (Book Appointment) across the site */
  --color-cta: #12b76a;
  --color-cta-dark: #0e9d5a;
  --color-cta-soft: #e7f8f0;

  /* Logo-inspired deep-navy footer surface (sampled from the reverse logo) */
  --color-footer-bg: #102a4d;
  --color-footer-bg-deep: #0a1d38;

  --color-bg: #ffffff;
  --color-bg-soft: #eef1f8;
  --color-bg-muted: #f4f6fa;
  --color-text: var(--color-navy);
  --color-text-muted: #5b5f7e;
  --color-border: #e3e6f0;

  /* Mint/teal surface — header, footer, hero, page headers (Montor-inspired) */
  --color-mint-bg: #eaf7f4;
  --color-mint-bg-deep: #ddefe9;
  --color-mint-border: #cfe8e1;

  /* Fraunces = editorial serif for headings/display; Inter = body & UI/labels;
     Noto Sans Devanagari carries Nepali in both. See assets/css/core/fonts.css. */
  --font-heading: 'Fraunces', 'Noto Sans Devanagari', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', 'Noto Sans Devanagari', system-ui, -apple-system, sans-serif;
  --font-ui: 'Inter', 'Noto Sans Devanagari', system-ui, -apple-system, sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 16px rgba(33, 36, 72, 0.06);
  --shadow-md: 0 12px 32px rgba(33, 36, 72, 0.10);
  --shadow-lg: 0 24px 60px rgba(33, 36, 72, 0.16);

  --transition-smooth: all 0.25s ease-in-out;

  --whatsapp-green: #25d366;
}