:root {
    color-scheme: light;
    --ink: #101526;
    --ink-soft: #4e5568;
    --paper: #f5f3ee;
    --paper-raised: #ffffff;
    --paper-muted: #eae7df;
    --line: rgba(16, 21, 38, 0.17);
    --line-strong: rgba(16, 21, 38, 0.34);
    --navy: #0a102a;
    --navy-soft: #151c3b;
    --brand: #005fea;
    --brand-bright: #2f7cf1;
    --jobtracker: #e5912c;
    --jobtracker-bright: #f0a447;
    --mythborne: #ae8050;
    --on-dark: #f6f4ef;
    --on-dark-soft: #b9beca;
    --focus: #287dd9;
    --shadow: 0 24px 70px rgba(10, 16, 42, 0.12);
    --header-bg: linear-gradient(180deg, rgba(4, 9, 20, 0.99), rgba(6, 14, 27, 0.97));
    --header-ink: #f6f4ef;
    --header-line: rgba(255, 255, 255, 0.09);
    --page-glow: rgba(0, 95, 234, 0.08);
    --page-sheen: rgba(255, 255, 255, 0.52);
    --jobtracker-filter: none;
    --technology-icon-filter: none;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
        --ink: #f2f1ed;
        --ink-soft: #aeb4c2;
        --paper: #090c15;
        --paper-raised: #101521;
        --paper-muted: #151a27;
        --line: rgba(238, 240, 245, 0.16);
        --line-strong: rgba(238, 240, 245, 0.32);
        --brand: #4388f2;
        --brand-bright: #68a0f5;
        --jobtracker: #ec9634;
        --jobtracker-bright: #ffad50;
        --mythborne: #d0a16c;
        --focus: #76b7ff;
        --shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
        --header-bg: linear-gradient(180deg, rgba(4, 9, 20, 0.99), rgba(6, 14, 27, 0.97));
        --header-ink: #f2f1ed;
        --header-line: rgba(255, 255, 255, 0.09);
        --page-glow: rgba(67, 136, 242, 0.13);
        --page-sheen: rgba(21, 28, 59, 0.2);
        --jobtracker-filter: brightness(0) invert(1);
        --technology-icon-filter: invert(1);
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --ink: #f2f1ed;
    --ink-soft: #aeb4c2;
    --paper: #090c15;
    --paper-raised: #101521;
    --paper-muted: #151a27;
    --line: rgba(238, 240, 245, 0.16);
    --line-strong: rgba(238, 240, 245, 0.32);
    --brand: #4388f2;
    --brand-bright: #68a0f5;
    --jobtracker: #ec9634;
    --jobtracker-bright: #ffad50;
    --mythborne: #d0a16c;
    --focus: #76b7ff;
    --shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
    --header-bg: linear-gradient(180deg, rgba(4, 9, 20, 0.99), rgba(6, 14, 27, 0.97));
    --header-ink: #f2f1ed;
    --header-line: rgba(255, 255, 255, 0.09);
    --page-glow: rgba(67, 136, 242, 0.13);
    --page-sheen: rgba(21, 28, 59, 0.2);
    --jobtracker-filter: brightness(0) invert(1);
    --technology-icon-filter: invert(1);
}

:root[data-theme="light"] {
    color-scheme: light;
    --ink: #101526;
    --ink-soft: #4e5568;
    --paper: #f5f3ee;
    --paper-raised: #ffffff;
    --paper-muted: #eae7df;
    --line: rgba(16, 21, 38, 0.17);
    --line-strong: rgba(16, 21, 38, 0.34);
    --brand: #005fea;
    --brand-bright: #2f7cf1;
    --jobtracker: #e5912c;
    --jobtracker-bright: #f0a447;
    --mythborne: #ae8050;
    --focus: #287dd9;
    --shadow: 0 24px 70px rgba(10, 16, 42, 0.12);
    --header-bg: linear-gradient(180deg, rgba(4, 9, 20, 0.99), rgba(6, 14, 27, 0.97));
    --header-ink: #f6f4ef;
    --header-line: rgba(255, 255, 255, 0.09);
    --page-glow: rgba(0, 95, 234, 0.08);
    --page-sheen: rgba(255, 255, 255, 0.52);
    --jobtracker-filter: none;
    --technology-icon-filter: none;
}