html[data-theme="dark"] {
    --module-general: #44c2ff;
    --module-operation: #ff7f50;
    --module-maintenance: #ffbf3c;
    --module-analysis: #7b8cff;
    --module-smart-andon: #ff5e90;
    --module-hardware: #31d0b6;
    --module-administration: #4b9dff;
    --app-bg: radial-gradient(circle at 14% -16%, rgba(248, 148, 52, 0.22), transparent 38%), radial-gradient(circle at 88% -20%, rgba(88, 88, 90, 0.24), transparent 40%), linear-gradient(160deg, #171718 0%, #202022 46%, #1b1b1d 100%);
    --sidebar-bg: linear-gradient(190deg, rgba(50, 50, 52, 0.82), rgba(31, 31, 33, 0.72));
    --glass-surface: linear-gradient(142deg, rgba(72, 72, 75, 0.62), rgba(43, 43, 46, 0.5));
    --floating-surface: rgba(36, 36, 38, 0.9);
    --glass-border: rgba(210, 205, 200, 0.28);
    --text-primary: #f5f9ff;
    --text-secondary: #c9d8f0;
    --text-tertiary: #9ab0d1;
    --brand-accent: #58585a;
    --brand-accent-strong: #f89434;
    --on-accent: #ffffff;
    --text-on-accent: #ffffff;
    --scrim-bg: color-mix(in srgb, #030816, transparent 44%);
    --warn-surface: color-mix(in srgb, #ffbc4d, transparent 74%);
    --warn-text: #ffe2aa;
    --control-bg: color-mix(in srgb, var(--glass-surface), transparent 18%);
    --control-bg-hover: color-mix(in srgb, var(--glass-surface), var(--text-primary) 18%);
    --control-bg-active: color-mix(in srgb, var(--glass-surface), var(--text-primary) 24%);
    --control-border: color-mix(in srgb, var(--glass-border), var(--text-primary) 12%);
    --focus-ring: color-mix(in srgb, var(--brand-accent), transparent 52%);
    --scrollbar-thumb: #58585a;
    --scrollbar-track: rgba(45, 45, 47, 0.55);
    --scrollbar-glow: color-mix(in srgb, #f89434, transparent 42%);
}

html[data-theme="light"] {
    --module-general: #1f9fff;
    --module-operation: #ff7043;
    --module-maintenance: #f8b12f;
    --module-analysis: #6a7dff;
    --module-smart-andon: #ff4f86;
    --module-hardware: #13c4b4;
    --module-administration: #388cff;
    --app-bg: radial-gradient(circle at 8% -16%, rgba(248, 148, 52, 0.18), transparent 40%), radial-gradient(circle at 98% -10%, rgba(88, 88, 90, 0.14), transparent 42%), linear-gradient(180deg, #f7f6f5 0%, #efedeb 52%, #faf9f8 100%);
    --sidebar-bg: linear-gradient(190deg, rgba(255, 255, 255, 0.88), rgba(242, 240, 238, 0.84));
    --glass-surface: linear-gradient(150deg, rgba(255, 255, 255, 0.88), rgba(239, 237, 235, 0.68));
    --floating-surface: rgba(252, 251, 250, 0.92);
    --glass-border: rgba(151, 145, 140, 0.38);
    --text-primary: #29292b;
    --text-secondary: #58585a;
    --text-tertiary: #77777a;
    --brand-accent: #58585a;
    --brand-accent-strong: #f89434;
    --on-accent: #ffffff;
    --text-on-accent: #ffffff;
    --scrim-bg: color-mix(in srgb, #111a2a, transparent 64%);
    --warn-surface: color-mix(in srgb, #ffbf4f, transparent 74%);
    --warn-text: #5a3b00;
    --control-bg: color-mix(in srgb, var(--glass-surface), transparent 12%);
    --control-bg-hover: color-mix(in srgb, var(--glass-surface), var(--text-primary) 14%);
    --control-bg-active: color-mix(in srgb, var(--glass-surface), var(--text-primary) 18%);
    --control-border: color-mix(in srgb, var(--glass-border), var(--text-primary) 14%);
    --focus-ring: color-mix(in srgb, var(--brand-accent), transparent 58%);
    --scrollbar-thumb: #58585a;
    --scrollbar-track: rgba(218, 214, 210, 0.55);
    --scrollbar-glow: color-mix(in srgb, #f89434, transparent 56%);
}