:root{
  /* ==========================================
     ERG — DESIGN TOKENS (single source of truth)
     ========================================== */

  /* Geometry */
  --erg-radius: 18px;
  --erg-radius-sm: 12px;

  /* Surfaces */
  --erg-panel: #13181f;          /* lifted from #11151a — 2026-04-21 */
  --erg-panel-2: #181d23;
  --erg-panel-light: #1c2330;    /* new: third surface level for featured cards / hover states */
  --erg-border: rgba(255,255,255,.12);  /* lifted from .10 */
  --erg-line: rgba(255,255,255,.08);

  /* Text */
  --erg-text: #f2f4f6;
  --erg-muted: rgba(242,244,246,.82);   /* lifted from .70 — body copy in dark sections */
  --erg-text-dim: #bdc3cc;              /* lifted from #a9afb9 — meta info, tags, secondary labels */

  /* Action / CTA — Gold primary (matches email design system) */
  --erg-cta: #C8A84B;
  --erg-cta-2: #b8983f;
  --erg-cta-3: #a68835;
  --erg-cta-contrast: #11151a;
  --erg-cta-hover: #d4b65c;

  /* Teal — demoted to secondary/informational accent */
  --erg-teal: #3E7A8D;
  --erg-teal-2: #346877;
  --erg-teal-3: #2A5662;
  --erg-teal-light: #72B6C6;

  /* Accent / Links */
  --erg-tan: var(--e-global-color-accent, #C8A84B);
  --erg-link: #72B6C6;
  --erg-link-hover: #9BCED9;

  /* Category pills (from email system) */
  --erg-pill-blue: #5577aa;
  --erg-pill-green: #5cb87a;
  --erg-pill-red: #cc4444;
  --erg-pill-gold: #C8A84B;

  /* Status */
  --erg-red: #e23b3b;
  --erg-red-2: rgba(226,59,59,.20);
  --erg-green: #5cb87a;
  --erg-green-2: rgba(92,184,122,.15);

  /* Sale badge — now green savings (matches email) */
  --erg-sale-1: #5cb87a;
  --erg-sale-2: #4a9e66;
  /* Urgency red for last-call / expiring */
  --erg-urgency: #cc4444;
  --erg-urgency-light: #e06060;

  /* Typography */
  --erg-head: var(--e-global-typography-primary-font-family, "Oswald"),
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --erg-body: var(--e-global-typography-text-font-family, "Montserrat"),
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --erg-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* ==========================================
     ERG2 — HEADER / MEGA MENU TOKENS
     (keep separate so header can evolve safely)
     ========================================== */
  --erg2-bg-dark: #080c11;        /* lifted from #040507 — gives header a visible depth without losing dark feel */
  --erg2-bg-panel: #0b0e14;       /* lifted from #050609 */
  --erg2-text-main: #f5f5f5;
  --erg2-text-muted: #b7bac0;
  --erg2-accent-gold: #C8A84B; /* promoted to primary site accent */
  --erg2-accent-red: #e23b3b;
  --erg2-radius-lg: 18px;
  --erg2-radius-pill: 999px;
  --erg2-shadow-soft: 0 18px 45px rgba(0,0,0,.8);
  /* Easing curves */
  --erg2-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}