:root{
--color-obsidian:#090807;
--color-stage-black:#0D0908;
--color-ash-umber:#1B0E0A;
--color-reel-brass:#C57D36;
--color-illuminated-gold:#F1C48E;
--color-bronze:#79340A;
--color-velvet-shadow:#3A0B08;
--color-velvet-red:#4A0D09;
--color-royal-red:var(--color-velvet-red);
--color-burgundy-shadow:var(--color-velvet-shadow);
--color-burgundy-deep:var(--color-velvet-red);
--color-slate-rise:#140C09;
--color-paper-white:#EFE0C8;
--color-graphite-line:#2B1206;
--color-reel-red:var(--color-royal-red);
--color-paper-white-dim:#B08F68;
--accent-secondary:var(--color-velvet-red);

--bg-page:var(--color-obsidian);
--bg-surface:var(--color-slate-rise);
--bg-elevated:var(--color-ash-umber);
--bg-page-light:var(--color-paper-white);
--bg-surface-light:#DCC9A8;

--text-primary:var(--color-paper-white);
--text-secondary:var(--color-paper-white-dim);
--text-muted:#83644A;
--text-on-light:var(--color-obsidian);
--text-on-light-secondary:var(--color-ash-umber);

--border-default:var(--color-graphite-line);
--border-on-light:#C9B48C;

--accent:var(--color-reel-brass);
--accent-hover:var(--color-illuminated-gold);
--accent-active:var(--color-bronze);
--accent-alert:var(--color-royal-red);

--focus-ring:0 0 0 2px var(--bg-page),0 0 0 4px var(--color-reel-brass);
}