/* Optional light theme values. Loaded after dark and enabled by data-theme. */
:root[data-theme="light"] {
    --color-bg: #ffffff;
    --color-sidebar: #ffffff;
    --color-surface: rgba(255, 255, 255, 0.92);
    --color-surface-2: #f8fafc;
    --color-surface-hover: #eef4ff;
    --color-accent: #2563eb;
    --color-accent-hover: #1d4ed8;
    --color-accent-muted: rgba(219, 234, 254, 0.9);
    --color-on-accent: #ffffff;
    --color-text-primary: #0f172a;
    --color-text-secondary: #64748b;
    --color-text-muted: #94a3b8;
    --color-border: rgba(203, 213, 225, 0.78);
    --color-border-strong: rgba(148, 163, 184, 0.34);
    --color-success-bg: rgba(236, 253, 245, 0.96);
    --color-success-text: #047857;
    --color-warning-bg: rgba(254, 243, 199, 0.92);
    --color-warning-text: #92400e;
    --color-danger-bg: rgba(254, 242, 242, 0.96);
    --color-danger-text: #b91c1c;
    --color-danger-border: rgba(252, 165, 165, 0.95);
    --color-info-bg: rgba(219, 234, 254, 0.9);
    --color-info-text: #1d4ed8;
    --color-highlight-bg: #fef08a;
    --color-highlight-text: #713f12;
    --color-focus-ring: rgba(37, 99, 235, 0.16);
    --shadow-accent: 0 4px 12px rgba(37, 99, 235, 0.22);
    --shadow-navigation: 2px 0 18px rgba(15, 23, 42, 0.08);
    --shadow-panel: 0 18px 44px rgba(15, 23, 42, 0.10);
    --shadow-floating: 0 18px 46px rgba(15, 23, 42, 0.12);
    --shadow-overlay: 0 20px 54px rgba(15, 23, 42, 0.18);
    --shadow-mobile-navigation: 0 18px 38px rgba(15, 23, 42, 0.12);
    --shadow-mobile-action: 0 12px 28px rgba(15, 23, 42, 0.12);
    color-scheme: light;
}