:root {
    color-scheme: light;

    --bg-obsidian: #fcfcfd;
    --card-graphite: #fcfcfd;
    --foundation-blue: #2563eb;
    --foundation-blue-muted: #60a5fa;
    --foundation-blue-hover: #1e40af;
    --admin-blue: color-mix(in srgb, var(--foundation-blue) 66%, #000 34%);
    --border-silver: #d1d5db;
    --border-accent: rgba(37, 99, 235, 0.4);
    --text-main: #111827;
    --text-muted: #6b7280;
    --terminal-recess: #edf2f7;

    --status-green: #16a34a;
    --status-red: #dc2626;
    --status-amber: #d97706;
    --status-purple: #8b5cf6;
    --status-orange: #ea580c;
    --status-yellow: #eab308;
    --status-teal: #0891b2;

    --card-highlight: rgba(37, 99, 235, 0.04);
    --table-th-bg: #ffffff;
    --table-td-border: rgba(0, 0, 0, 0.04);
    --on-accent: #ffffff;
    --table-tr-hover: rgba(37, 99, 235, 0.04);
    --table-stripe: rgba(0, 0, 0, 0.03);
    --nav-btn-hover: #eff6ff;
    --nav-active-base: var(--foundation-blue);
    --nav-active-fill: var(--foundation-blue-hover);
    --shimmer-wave: rgba(37, 99, 235, 0.15);
}

body.no-transitions * { transition: none !important; }
.dark-mode {
    color-scheme: dark;
    --bg-obsidian: #161a23;
    --card-graphite: #161a23;
    --foundation-blue: #00a0dc;
    --foundation-blue-muted: #155e75;
    --foundation-blue-hover: #007eb3;
    --admin-blue: color-mix(in srgb, var(--foundation-blue) 70%, #fff 30%);
    --border-silver: #2d3748;
    --border-accent: rgba(0, 160, 220, 0.4);
    --text-main: #94a3b8;
    --text-muted: #64748b;
    --terminal-recess: color-mix(in srgb, #fff 2%, var(--card-graphite));

    --status-green: #15803d;
    --status-red: #ef4444;
    --status-amber: #d97706;
    --status-purple: #a78bfa;
    --status-orange: #f97316;
    --status-yellow: #eab308;
    --status-teal: #22d3ee;

    --card-highlight: rgba(0, 160, 220, 0.05);
    --table-th-bg: var(--card-graphite);
    --table-td-border: rgba(255, 255, 255, 0.05);
    --on-accent: #ffffff;
    --table-tr-hover: rgba(0, 160, 220, 0.05);
    --table-stripe: rgba(255, 255, 255, 0.02);
    --nav-btn-hover: rgba(0, 160, 220, 0.1);
    --nav-active-base: var(--foundation-blue);
    --nav-active-fill: var(--foundation-blue-hover);
    --shimmer-wave: rgba(0, 160, 220, 0.15);
}
