/* brand.css — meter.me brand tokens (single source of truth).
   From the official METER.ME Brand Guide V1 (Sept 2024, (c) Lamarr, Inc.):
   /media/brand/meter-me-brandguide-v1-2024.pdf
   Use these variables for all NEW work; migrate hardcoded colors to them over time.
   Loaded site-wide via public-footer.js. */
:root {
  /* ----- Primary palette (exact brand hexes) ----- */
  --mm-red:        #FF2343;  /* MM Red — accent/alert, use sparingly */
  --mm-dark:       #2F334E;  /* MM Dark Blue-Gray — primary dark / headings / dark panels */
  --mm-blue:       #4898C8;  /* MM Blue — primary brand color / CTAs / links */
  --mm-pale-blue:  #BCE5FF;  /* MM Pale Blue — soft fills, highlights */
  --mm-white:      #FFFFFF;
  --mm-bone:       #F7F4E8;  /* warm off-white background */
  --mm-navy-deep:  #0E1426;  /* deep navy — dark scroll-chapter backgrounds (redesign, 2026-06) */

  /* ----- Gray ramp ----- */
  --mm-text-darkest: #333333; /* darkest body text */
  --mm-text-dark:    #5A5A5F; /* secondary text */
  --mm-gray-med:     #8A8B97; /* muted text / icons */
  --mm-gray-pale:    #CCCCD2; /* borders, dividers (NOTE: brand PDF lists #4898C8 here — a typo) */

  /* ----- Convenience aliases mapped to brand tokens ----- */
  --mm-accent:      var(--mm-blue);
  --mm-accent-dark: #2F6E96;  /* darker blue for hover (derived from MM Blue) */
  --mm-ink:         var(--mm-dark);

  /* ----- Typography -----
     Primary brand font is Avenir LT Pro, served via the licensed Adobe Fonts kit
     (xqf4bpo), loaded by public-footer.js before this file. The kit provides
     weights 400 (Roman) and 700 (Bold), normal + italic. Fallbacks behind it
     cover the load gap and any non-allowlisted domain. */
  --mm-font: 'avenir-lt-pro', 'Avenir Next', 'Avenir', 'Nunito Sans', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Brand font applied site-wide. Page-specific styles loaded earlier are overridden
   because this file is injected after them (equal-specificity, later wins). */
body { font-family: var(--mm-font); }