/* ========================================================================== design-tokens.css Brand tokens — the dark/gold palette from the About page mockup. Link this in , after global-styles.css, before gallery-styles.css and any page-specific stylesheet, on EVERY page. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); :root{ --bg: #141311; /* main content background */ --bg-alt: #1b1a17; /* footer background */ --ink: #f2ede2; /* primary text, warm off-white */ --ink-muted-70: rgba(242, 237, 226, 0.75); --ink-muted-60: rgba(242, 237, 226, 0.6); --line: #33312c; --gold: #e8b923; /* accent — pull-quotes, CTA button, footer labels */ }