:root{
/* Core palette — extracted from shipped ads/banner 2026-07-20 */
--ink:#141412; /* logo mark on light; text on cream */
--bg:#211D18; /* primary background, warm near-black */
--surface:#2A251E; /* cards, rows, panels on bg */
--surface-2:#33281C; /* hover / highlighted row */
--border:#3B352C; /* hairlines, 1px card edges */
--cream:#FAF8F4; /* light backgrounds, logo tile */
--paper:#F3EDE3; /* primary text on dark (never #fff) */
--muted:#878683; /* secondary text, labels, timestamps */
--ember:#E8501E; /* THE accent — one per view */
/* Light mode (documents, long-form) */
--light-bg:#F3EDE3;
--light-surface:#FFFFFF;
--light-border:#E2DACB;
--light-muted:#6E6C67;
--ember-deep:#C2491D; /* ember on light backgrounds (ads 1b/1c) */
/* Semantic aliases (dark-first) */
--text-body:var(--paper);
--text-secondary:var(--muted);
--text-accent:var(--ember);
--surface-card:var(--surface);
--surface-hover:var(--surface-2);
--border-hairline:var(--border);
/* The only permitted glow: ember bloom on the one lit element */
--glow-ember:0 0 24px rgba(232,80,30,.18);
/* Barely-visible warm corner gradient (LinkedIn banner) */
--gradient-warm-corner:radial-gradient(120% 140% at 92% 20%, rgba(232,80,30,.10), transparent 55%);
}