:root,
:root[data-theme="light"] {
    color-scheme: light;
    --cd-navy-900: #0b1d33;
    --cd-navy-700: #123a63;
    --cd-blue-600: #1e5baa;
    --cd-blue-700: #174985;
    --cd-sky-500: #4da3e6;
    --cd-teal-600: #159a9c;
    --cd-surface: #ffffff;
    --cd-surface-elevated: #ffffff;
    --cd-surface-soft: #f4f6f8;
    --cd-page: #edf2f6;
    --cd-border: #dde4ec;
    --cd-border-strong: #bdc9d6;
    --cd-text: #0b1d33;
    --cd-text-soft: #38506a;
    --cd-text-muted: #6b7280;
    --cd-on-strong: #ffffff;
    --cd-success: #228647;
    --cd-success-soft: #eaf7ef;
    --cd-success-border: #b9d9c6;
    --cd-warning: #9a5d00;
    --cd-warning-soft: #fff5df;
    --cd-warning-border: #e5c27a;
    --cd-danger: #c93d3d;
    --cd-danger-soft: #fff0f0;
    --cd-danger-border: #e4b1b6;
    --cd-info-soft: #eaf3fd;
    --cd-info-border: #bfd7f6;
    --cd-focus: #2f80ed;
    --cd-overlay: rgba(5, 19, 36, .58);
    --cd-document-paper: #ffffff;
    --cd-document-ink: #111111;
    --cd-document-border: #9ca3af;
    --cd-space-1: 4px;
    --cd-space-2: 8px;
    --cd-space-3: 12px;
    --cd-space-4: 16px;
    --cd-space-5: 20px;
    --cd-space-6: 24px;
    --cd-space-8: 32px;
    --cd-space-10: 40px;
    --cd-space-12: 48px;
    --cd-radius-xs: 4px;
    --cd-radius-sm: 6px;
    --cd-radius-md: 8px;
    --cd-radius-lg: 12px;
    --cd-radius-xl: 16px;
    --cd-shadow-1: 0 2px 8px rgba(11, 29, 51, .08);
    --cd-shadow-2: 0 8px 24px rgba(11, 29, 51, .12);
    --cd-shadow-3: 0 16px 48px rgba(11, 29, 51, .18);
    --cd-control-h: 44px;
    --cd-touch-target: 44px;
    --cd-focus-ring: 0 0 0 3px rgba(47, 128, 237, .22);
    --cd-transition-fast: 140ms ease;
    --cd-transition-med: 200ms ease;
    --ink: var(--cd-text);
    --text: var(--cd-text);
    --ink-soft: var(--cd-text-soft);
    --muted: var(--cd-text-muted);
    --line: var(--cd-border);
    --border: var(--cd-border);
    --soft: var(--cd-surface-soft);
    --surface: var(--cd-surface);
    --surface-soft: var(--cd-surface-soft);
    --paper: var(--cd-surface);
    --panel: var(--cd-surface);
    --accent: var(--cd-blue-600);
    --accent-dark: var(--cd-blue-700);
    --accent-soft: var(--cd-info-soft);
    --success: var(--cd-success);
    --ok: var(--cd-success);
    --warning: var(--cd-warning);
    --warn: var(--cd-warning);
    --danger: var(--cd-danger);
    --bad: var(--cd-danger);
    --shadow: var(--cd-shadow-2);
    --radius: var(--cd-radius-xl);
    --view-accent: var(--cd-blue-600);
    --view-accent-soft: var(--cd-info-soft);
    --sidebar: var(--cd-navy-900);
    --bg: var(--cd-page);
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --cd-navy-900: #061426;
    --cd-navy-700: #102f50;
    --cd-blue-600: #67a5e8;
    --cd-blue-700: #8bbcf0;
    --cd-sky-500: #62b2ef;
    --cd-teal-600: #35b8ba;
    --cd-surface: #0f2238;
    --cd-surface-elevated: #142b45;
    --cd-surface-soft: #0b1b2e;
    --cd-page: #071525;
    --cd-border: #29445f;
    --cd-border-strong: #3d5b78;
    --cd-text: #edf5fc;
    --cd-text-soft: #cbd9e6;
    --cd-text-muted: #a6b5c4;
    --cd-on-strong: #ffffff;
    --cd-success: #59c77a;
    --cd-success-soft: #123824;
    --cd-success-border: #2f7049;
    --cd-warning: #f0b44f;
    --cd-warning-soft: #3b2a0d;
    --cd-warning-border: #785927;
    --cd-danger: #ff7b7b;
    --cd-danger-soft: #401d25;
    --cd-danger-border: #7c3943;
    --cd-info-soft: #122f4d;
    --cd-info-border: #355e89;
    --cd-focus: #77baff;
    --cd-overlay: rgba(0, 7, 15, .76);
    --cd-shadow-1: 0 2px 8px rgba(0, 0, 0, .22);
    --cd-shadow-2: 0 8px 24px rgba(0, 0, 0, .3);
    --cd-shadow-3: 0 16px 48px rgba(0, 0, 0, .42);
    --cd-focus-ring: 0 0 0 3px rgba(119, 186, 255, .28);
}