/* Core design tokens shared across all pages. */
:root {
    --bg: #0d0d0d;
    --panel: #171717;
    --line: #2e2e2e;
    --text: #f1f1f1;
    --muted: #b9b9b9;
    --accent: #ffffff;
    --accent-soft: #dcdcdc;
    --shadow: 0 22px 40px -28px rgba(0, 0, 0, 0.8);
    --hover-shadow: 0 18px 28px -22px rgba(255, 255, 255, 0.9);
    --mix-anchor: black;
    --bg-top-right: #242424;
    --bg-bottom-left: #1c1c1c;
    --scanline: rgba(255, 255, 255, 0.14);
    --divider-line: rgba(255, 255, 255, 0.08);
    --divider-line-strong: rgba(255, 255, 255, 0.14);
    --timeline-line: rgba(255, 255, 255, 0.18);
}

[data-theme="light"] {
    --bg: #e9edf2;
    --panel: #fdfefe;
    --line: #8395a4;
    --text: #17202a;
    --muted: #4d5e70;
    --accent: #0e1620;
    --accent-soft: #314455;
    --shadow: 0 22px 40px -30px rgba(20, 28, 36, 0.42);
    --hover-shadow: 0 18px 28px -22px rgba(0, 0, 0, 0.42);
    --mix-anchor: white;
    --bg-top-right: #d5e3ef;
    --bg-bottom-left: #dce6ef;
    --scanline: rgba(17, 29, 42, 0.11);
    --divider-line: rgba(16, 24, 32, 0.3);
    --divider-line-strong: rgba(16, 24, 32, 0.44);
    --timeline-line: rgba(16, 24, 32, 0.52);
}