:root{
--reel-black:#0E0D0C;
--slate-charcoal:#171614;
--grain-line:#2A2825;
--ash-grey:#8C8880;
--projection-white:#F4F1EA;
--signal-orange:#E8600C;
--signal-orange-deep:#C25012;
--signal-gray:#BFCAD1;
--signal-gray-deep:#8A959C;
--error-red:#B85C4A;
--bg-page:var(--reel-black);
--bg-surface:var(--slate-charcoal);
--bg-surface-2:#1D1B17;
--border-hairline:var(--grain-line);
--text-primary:var(--projection-white);
--text-secondary:var(--ash-grey);
--accent-primary:var(--signal-orange);
--accent-primary-hover:var(--signal-orange-deep);
--accent-metadata:var(--signal-gray);
--accent-metadata-hover:var(--signal-gray-deep);
--text-error:var(--error-red);
}