:root,
:root[data-theme="light"],
html[data-theme="light"],
body[data-theme="light"] {
    color-scheme: light;
    --color-app-bg: #f4f6f9;
    --color-surface-bg: #ffffff;
    --color-surface-muted: #f2f2f4;
    --color-surface-hover: #edf1f6;
    --color-surface-selected: rgba(44, 75, 111, 0.18);
    --color-text-primary: #111827;
    --color-text-secondary: rgba(17, 24, 39, 0.82);
    --color-text-tertiary: rgba(17, 24, 39, 0.48);
    --color-text-muted: #6b7280;
    --color-text-dim: #6d7280;
    --color-on-accent: #ffffff;
    --color-link: #0b5cab;
    --color-link-hover: #004985;
    --color-accent-secondary: #005aa6;
    --color-accent-light: var(--color-link);
    --color-border-primary: #d9dee8;
    --color-border-secondary: #e6eaf0;
    --color-border-strong: #b7c0ce;
    --color-border-transparent: rgba(128, 189, 255, 0);
    --color-focus-border: #4a90e2;
    --color-focus-ring: rgba(74, 144, 226, 0.25);
    --color-field-bg: #ffffff;
    --color-field-muted-bg: #f8f8f9;
    --color-field-disabled-bg: #f0f3f8;
    --color-button-primary: #2c4b6a;
    --color-button-hover: #496887;
    --color-button-secondary-bg: #e6eaf0;
    --color-button-disabled-bg: #d0d4e0;
    --color-button-disabled-border: #c0c4d0;
    --color-button-disabled-text: #666666;
    --color-page-header-bg: #2c4b6a;
    --color-page-header-text: #ffffff;
    --color-action-bar-text: #ffffff;
    --color-back-button-bg: #1e374f;
    --color-back-button-hover-bg: #4a5f75;
    --color-back-button-text: #ffffff;
    --color-shadow-surface: rgba(153, 163, 177, 0.38);
    --color-shadow-modal: rgba(0, 0, 0, 0.35);
    --color-shadow-dropdown: rgba(82, 92, 112, 0.35);
    --color-overlay-bg: rgba(0, 0, 0, 0.14);
    --color-error-bg: #fff9c4;
    --color-danger-bg: #b32121;
    --color-nav-bg: #0c151f;
    --color-nav-bg-elevated: rgba(255, 255, 255, 0.02);
    --color-nav-ambient-bg: linear-gradient(135deg, #0b0f17 0%, #111827 45%, #141a26 100%);
    --color-nav-ambient-blob-a: radial-gradient(circle, rgba(37, 99, 235, 0.45) 0%, transparent 55%), radial-gradient(circle at 70% 30%, rgba(34, 211, 238, 0.35) 0%, transparent 48%);
    --color-nav-ambient-blob-b: radial-gradient(circle, rgba(20, 184, 166, 0.42) 0%, transparent 55%), radial-gradient(circle at 30% 70%, rgba(34, 211, 238, 0.28) 0%, transparent 48%);
    --color-nav-text: #e6eef8;
    --color-nav-text-muted: rgba(255, 255, 255, 0.45);
    --color-nav-text-hover: #ffffff;
    --color-nav-border: rgba(255, 255, 255, 0.10);
    --color-nav-hover-bg: rgba(255, 255, 255, 0.08);
    --color-nav-active-bg: linear-gradient(90deg, rgba(58, 128, 210, 0.18), rgba(58, 128, 210, 0.08));
    --color-nav-active-shadow: inset 4px 0 0 rgba(58, 128, 210, 0.16);
    --color-nav-shadow: rgba(0, 0, 0, 0.50);
    --color-nav-backdrop: blur(6px);
    --theme-toggle-sun-display: inline-block;
    --theme-toggle-moon-display: none;
    --bs-body-bg: var(--color-app-bg);
    --bs-body-color: var(--color-text-primary);
    --bs-border-color: var(--color-border-primary);
    --bs-secondary-bg: var(--color-surface-muted);
    --color-tertiary-bg: var(--color-surface-hover);
    --color-input-bg: var(--color-field-muted-bg);
    --color-input-disabled-bg: var(--color-field-disabled-bg);
    --bs-modal-box-dim: #00000020;
    --bs-box-shadow-lg: 2px 2px 30px #0009;
}

:root[data-theme="dark"],
html[data-theme="dark"],
body[data-theme="dark"] {
    color-scheme: dark;
    --color-app-bg: #1c1c1c;
    --color-surface-bg: #232323;
    --color-surface-muted: #2c2c2c;
    --color-surface-hover: rgba(255, 255, 255, 0.06);
    --color-surface-selected: rgba(255, 255, 255, 0.10);
    --color-text-primary: #f0f0f0;
    --color-text-secondary: rgba(240, 240, 240, 0.80);
    --color-text-tertiary: rgba(240, 240, 240, 0.46);
    --color-text-muted: #9a9a9a;
    --color-text-dim: #888888;
    --color-on-accent: #ffffff;
    --color-link: #6cb4f0;
    --color-link-hover: #90c8f8;
    --color-accent-secondary: #60a8e0;
    --color-accent-light: var(--color-link);
    --color-border-primary: #383838;
    --color-border-secondary: #303030;
    --color-border-strong: #4a4a4a;
    --color-border-transparent: rgba(255, 255, 255, 0);
    --color-focus-border: #0078d4;
    --color-focus-ring: rgba(0, 120, 212, 0.28);
    --color-field-bg: #1a1a1a;
    --color-field-muted-bg: #252525;
    --color-field-disabled-bg: #202020;
    --color-button-primary: #0078d4;
    --color-button-hover: #1a88dc;
    --color-button-secondary-bg: #2e2e2e;
    --color-button-disabled-bg: #282828;
    --color-button-disabled-border: #3a3a3a;
    --color-button-disabled-text: #686868;
    --color-page-header-bg: #1e1e1e;
    --color-page-header-text: #f0f0f0;
    --color-action-bar-text: #f0f0f0;
    --color-back-button-bg: #252525;
    --color-back-button-hover-bg: #323232;
    --color-back-button-text: #f0f0f0;
    --color-shadow-surface: rgba(0, 0, 0, 0.45);
    --color-shadow-modal: rgba(0, 0, 0, 0.60);
    --color-shadow-dropdown: rgba(0, 0, 0, 0.50);
    --color-overlay-bg: rgba(0, 0, 0, 0.40);
    --color-error-bg: #3a2a0a;
    --color-danger-bg: #7f1d1d;
    --color-nav-bg: #222324;
    --color-nav-bg-elevated: #222324;
    --color-nav-ambient-bg: #222324;
    --color-nav-ambient-blob-a: transparent;
    --color-nav-ambient-blob-b: transparent;
    --color-nav-text: rgba(255, 255, 255, 0.84);
    --color-nav-text-muted: rgba(255, 255, 255, 0.48);
    --color-nav-text-hover: #ffffff;
    --color-nav-border: rgba(255, 255, 255, 0.07);
    --color-nav-hover-bg: rgba(255, 255, 255, 0.04);
    --color-nav-active-bg: rgba(230, 230, 255, 0.06);
    --color-nav-active-shadow: inset 2px 0 0 rgba(0, 180, 255, 0.90);
    --color-nav-shadow: rgba(0, 0, 0, 0.30);
    --color-nav-backdrop: blur(12px) saturate(1.2);
    --theme-toggle-sun-display: none;
    --theme-toggle-moon-display: inline-block;
    --bs-modal-box-dim: #35353575;
    --bs-box-shadow-lg: 2px 2px 25px #ddd4;
}