:root,
:root[data-theme="light"] {
    --bg-0: #d9dade;
    --bg-1: #ffffff;
    --bg-2: #f0f2f6;
    --bg-3: #e4e8ef;
    --text-0: #0f172a;
    --text-1: #334155;
    --text-2: #64748b;
    --text-muted: #6b7280;
    --input-bg: #ffffff;
    --input-bg-hover: #f8fafc;
    --table-bg: #ffffff;
    --table-row: #ffffff;
    --table-row-alt: #f8fafc;
    --table-head-bg: #e9eef5;
    --table-head-text: #ffffff;
    --table-head-border: #cbd5e1;
    --table-hover: #e0f2fe;
    --border: #e5e7eb;
    --brand: #0ea5e9;
    --brand-strong: #0284c7;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --shadow: 0 10px 24px rgba(2, 8, 23, 0.08);
    --radius: 16px;
    --page-gutter: 12px;
    --page-gutter-md: 6px;
    --font-ui: "Roboto Condensed", Arial, sans-serif;
    color-scheme: light;
}

:root[data-theme="dark"] {
    --bg-0: #0f141b;
    --bg-1: #151c24;
    --bg-2: #1c2631;
    --bg-3: #25313f;
    --text-0: #edf2f7;
    --text-1: #d5dde8;
    --text-2: #9fb0c4;
    --text-muted: #8a99ab;
    --input-bg: #18212b;
    --input-bg-hover: #1d2834;
    --table-bg: #151c24;
    --table-row: #18212b;
    --table-row-alt: #1c2631;
    --table-head-bg: #1a7ea7;
    --table-head-text: #f8fbff;
    --table-head-border: #0f5f86;
    --table-hover: #233444;
    --border: #2c3948;
    --brand: #22d3ee;
    --brand-strong: #06b6d4;
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;
    --shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
}