/* ============================================================= tokens.dark.css — "Burgundy Vault" dark theme overrides Applied when . Only PRIMITIVES are redefined — semantic tokens inherit automatically. ============================================================= */ [data-theme="dark"] { /* paper → deep near-black with burgundy undertone */ --paper-bg: #050203; --paper-card: #100608; --paper-soft: #020001; --paper-warm: #110608; --paper-deep: #1A080B; /* ink → warm parchment */ --ink: #ECE0C5; --ink-2: rgba(236,224,197,.85); --ink-soft: rgba(236,224,197,.60); --muted: rgba(236,224,197,.40); /* lines */ --line: rgba(236,224,197,.16); --line-soft: rgba(236,224,197,.09); --line-strong: rgba(236,224,197,.30); /* accent flips to antique brass gold */ --wine: #C9A05F; --wine-2: #E2BC75; --wine-3: #A88245; --wine-soft: #D6B068; --gold: #C9A05F; --gold-2: #E2BC75; /* status (lifted for dark bg contrast) */ --success: #7E9B81; --warning: #D6A85C; --danger: #C96A6A; --info: #7FA6B8; /* elevation */ --shadow-print: 4px 5px 0 rgba(247,240,227,.07); --shadow-print-lg: 14px 22px 36px rgba(0,0,0,.55), 4px 5px 0 rgba(247,240,227,.06); --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow-md: 0 2px 10px rgba(0,0,0,.5); --shadow-lg: 0 14px 36px rgba(0,0,0,.6); /* text-on-accent stays dark for gold buttons */ --color-on-accent: var(--dark); --color-text-invert: var(--dark); /* focus ring uses dark bg + gold */ --focus-ring: 0 0 0 2px var(--paper-bg), 0 0 0 4px var(--gold); }