:root{
/* Base */
--bg-page:#111111;
--surface-1:#1A1A1A;
--surface-2:#202020;
--surface-3:#2A2A2A;
--fg-1:#F5F5F5;
--fg-2:#AFAFAF;
--fg-3:#6E6E6E;
--gray-300:#BFBFBF;
--gray-700:#555555;
--white:#FFFFFF;
--black:#000000;
--cream:#F5F1EA;  /* warm off-white — HPL partner/education contexts */
/* Light theme (DS.pptx deck) */
--bg-page-light:#F6F6F6;
--surface-light:#E3E3E3;
--fg-on-light-1:#111111;
--fg-on-light-2:#333333;
--fg-on-light-3:#444444;
--fg-on-light-muted:#555555;
--border-on-light:#CFCFCF;
/* Brand accents */
--accent:#FF395F;
--volt:#E9FF00;
/* Semantic */
--text-title:var(--fg-1);
--text-body:var(--fg-2);
--text-muted:var(--fg-3);
--text-on-accent:var(--white);
--text-on-volt:#111111;
--surface-card:var(--surface-2);
--border-card:var(--surface-3);
--border-hairline:var(--surface-3);
--accent-period:var(--accent);
--kicker-number:var(--accent);
--kicker-label:var(--fg-3);
--bullet-marker:var(--accent);
--bar-fill:var(--accent);
--bar-track:var(--surface-3);
--link:var(--accent);
--link-hover:#ff5c7c;
}