:root {
    /* Maker's Mark palette (dark). Shared names (--bg, --surface, --link, --danger,
       --radius, --shadow) are also defined in app.css, which loads after this and
       wins; the unique tokens below (--ink, --brand, --accent, --slot-*) are themed
       here so any legacy markup using them stays on-brand. */
    --bg: #14201A;
    --surface: #1D2D24;
    --surface-2: #233029;
    --ink: #E4DFD3;
    --text-soft: #CFCABD;
    --muted: #8FA093;
    --line: #2E3B32;
    --hover: rgba(255, 255, 255, .05);
    --brand: #D99F43;
    --brand-ink: #231A08;
    --link: #D99F43;
    --accent: #C6892C;
    --danger: #CF6A52;
    --leading-bg: rgba(217, 159, 67, .14);
    --leading-line: rgba(217, 159, 67, .45);
    --slot-bg-a: #1D2D24;
    --slot-bg-b: #182219;
    --slot-border: #36443A;
    --slot-ink: #8FA093;
    --radius: 10px;
    --shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);
}