:root{
/* One palette. Sourced from VB_ColorPalettes.png (top row). Used for website, docs, decks alike. */
--vb-black:#000000;
--vb-ink:#16211a;
--vb-sage:#95bca0;
--vb-maroon:#2c120d;
--vb-red:#c1381f;
--vb-orange:#f57629;
--vb-cream:#e7d2c1;
--vb-forest:#0c1e0e;
--vb-paper:#f6efe4;
--neutral-white:#fdfbf6;
--neutral-ink:#1a1a1a;

/* Paper palette — the warmer set used for docs, decks and workbooks (no teal) */
--paper-periwinkle:#6573bd;
--paper-charcoal:#262f2f;
--paper-cream:#edddc3;
--paper-sage:#94bba0;
--paper-terracotta:#df835c;
--paper-mustard:#e8cb79;

/* Legacy aliases — the mystical mode names, kept so existing work keeps resolving */
--myst-black:var(--vb-black);
--myst-sage:var(--vb-sage);
--myst-maroon:var(--vb-maroon);
--myst-red:var(--vb-red);
--myst-orange:var(--vb-orange);
--myst-cream:var(--vb-cream);
--myst-forest:var(--vb-forest);

/* Semantic — dark surfaces (hero, philosophy, deck slides) */
--surface-dark:var(--vb-black);
--surface-dark-soft:var(--vb-forest);
--text-on-dark:var(--vb-cream);

/* Semantic — light/paper surfaces (docs, decks, workbooks) */
--surface-page:var(--neutral-white);
--surface-paper:var(--vb-paper);
--surface-paper-cream:var(--paper-cream);
--surface-paper-sage:var(--paper-sage);
--text-body:var(--paper-charcoal);
--text-heading:var(--paper-charcoal);
--paper-accent:var(--paper-terracotta);
--paper-accent-2:var(--paper-periwinkle);
--paper-accent-3:var(--paper-mustard);

/* Accents */
--accent:var(--vb-orange);
--accent-deep:var(--vb-red);
--accent-quiet:var(--vb-sage);
--line-soft:rgba(22,33,26,0.16);
}