/* ============================================================
   HEALTH BRANDS MEDIA — THEME TOKENS
   CHOSEN DIRECTION: Broadcast (dark studio).
     The three directions we didn't pick are preserved, unused, in
     theme-alternates.css. To compare them again, link that file after
     this one and add ?theme=clinic (or editorial / signal) to any URL.
   ============================================================ */

:root {
  /* Inherited Health Brands core — never changes across themes */
  --hb-ink:     #153841;
  --hb-citron:  #A3A537;
  --hb-teal:    #169EC1;

  /* Defaults overridden per theme */
  --radius:       4px;
  --radius-lg:    8px;
  --radius-pill:  999px;
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body:    'Archivo', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
  --display-weight: 900;
  --display-tracking: -0.03em;
  --display-leading:  0.96;
  --eyebrow-family: var(--font-body);
  --eyebrow-spacing: 0.18em;
  --eyebrow-weight: 600;
  --shadow: none;
  --hero-grid: 1px;
}

/* ---------- 1. BROADCAST — dark studio ---------- */
[data-theme="broadcast"] {
  --bg:        #0B1416;
  --bg-2:      #121E21;
  --bg-3:      #1A2A2E;
  --bg-invert: #F4F3EE;
  --fg:        #F4F3EE;
  --fg-muted:  #93A5A9;
  --fg-invert: #0B1416;
  --accent:    #A3A537;
  --accent-2:  #169EC1;
  --accent-fg: #0B1416;
  --line:      rgba(244,243,238,.13);
  --line-strong: rgba(244,243,238,.28);
  --radius: 6px; --radius-lg: 14px;
  --display-weight: 900; --display-tracking: -0.035em; --display-leading: 0.93;
  --shadow: 0 24px 60px -20px rgba(0,0,0,.7);
}