/* Alphavant blog — black & white CI override.
 * Loaded AFTER ds/tokens-components.css on every blog page. Redefines the token
 * values to the sim2real/root black&white system so the existing var()-based
 * blog styles reskin with no per-page markup changes. Explicit rule overrides
 * below fix the few places a coral BACKGROUND carried white text. */
:root{
  /* neutrals → monochrome */
  --cream:#000000;            /* page background */
  --snow:#0a0a0a;             /* cards / inputs / stat blocks */
  --bone:#f4f4f2;             /* text-on-dark — stays LIGHT */
  --bone-deep:#1a1a1a;
  --bone-translucent:rgba(0,0,0,.72); /* nav glass → dark */
  --ink:#ffffff;              /* primary text */
  --ink-hover:#ffffff;
  --night:#0a0a0a;            /* dark bands */
  --mute:#a3a3a3;             /* secondary text */
  --quiet:#8a8a90;            /* tertiary text */
  --rule:rgba(255,255,255,.20);
  --faint:rgba(255,255,255,.12);
  /* accents → white (mono). Border-lefts, dots, emphasis text, links all read on black. */
  --coral:#ffffff;
  --coral-ink:#ffffff;
  --coral-soft:rgba(255,255,255,.10);
  --coral-glow:255 255 255;
  --teal:#ffffff;
  --teal-soft:rgba(255,255,255,.10);
  --teal-ink:#ffffff;
  /* footer ramp on dark */
  --footer-tagline:#b2b2b8;
  --footer-col-title:#87878e;
  --footer-link:#c9c9cf;
  --footer-link-hover:#f4f4f2;
  --footer-rule:rgba(255,255,255,.22);
  --footer-bottom:#8a8a90;
}
/* the only places coral was a BACKGROUND with white text — invert to white-on-black */
.cta,.ccb #ccAccept{background:#ffffff !important;color:#000000 !important;border-color:#ffffff !important;font-weight:600}
.cta:hover{background:#d4d4d4 !important;color:#000 !important}
/* sharpen a couple of shapes toward the editorial B&W look (optional, safe) */
.eyebrow{border:1px solid var(--rule)}
figure.annot img,.stat,.band{border-radius:10px}