/*
  MAXIMUM — Brand color theme (official Visual Identity System palette)
  Core:        Black #171719 · Pure White #FFFFFF · Teal Green #6EF2A7
  Supporting:  Med Green 1 #8CB79F · Med Green 2 #3D8C5F · Med Green 3 #205738
               Dark Beige #646358 · Med Beige #7B796A · Lt Beige 1 #ACAB9D · Lt Beige 2 #C6C5BD
  Accents (reserved, unused by default): Dark Yellow #8C650F · Orange #FF3C00
               Navy #202D85 · Royal Blue #3B97A5

  Used SPARINGLY — site stays majority black & white.
  To revert to the original orange accent: remove this <link> from all pages.
*/
:root {
  /* core black — brand #171719 (slightly warmer than the old ink) */
  --ink: #171719;
  --ink-2: #1e1e21;

  /* signal green — brand Teal Green */
  --live: #6EF2A7;

  /* accent — brand Medium Green 2 (replaces orange in blueprint callouts) */
  --flag:     #3D8C5F;
  --flag-dim: rgba(61,140,95,.35);

  /* supporting tones */
  --green-deep: #205738;
  --green-mid:  #3D8C5F;
  --green-mist: #8CB79F;
  --green-sage: #7B796A;

  /* beige neutrals aligned to brand */
  --greige: #C6C5BD;
}

/* kickers & section labels */
.kicker .idx { color: var(--green-mid); }
.kicker .bar { background: rgba(61,140,95,.55); }
.eyebrow-wrap .kicker .bar { background: rgba(61,140,95,.55); }

/* tag-flag chips */
.tag-flag { color: var(--green-mist); border-color: rgba(61,140,95,.4); }

/* active states */
.cat-row.hot .ct { color: var(--green-mist); }
.nav-links a.active::after { background: var(--green-mid); }

/* live / AI signal cells stay teal green via --live */
.readout .v.live { color: var(--live); }
.readout-hero .live-text { color: var(--live); }
.ai-cell .acn { color: var(--live); }
.mf-live { color: var(--live); }

/* canvas blueprint visuals read --flag and --live at boot → pick up brand colors automatically */

/* NOTE: buttons (.btn / .btn-solid), CTAs, prod arrows, pagers, footer links,
   stat labels etc. intentionally NOT overridden — they keep the original
   black & white palette from site.css. */