/* NexusBot semantic color roles: neutral surfaces + one brand-blue accent. */
:root,
[data-theme="light"] {
  color-scheme: light;
  --md-sys-color-primary: #2563eb;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #e7f0ff;
  --md-sys-color-on-primary-container: #123a7a;
  --md-sys-color-secondary: #52627a;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #e9eef5;
  --md-sys-color-on-secondary-container: #27364c;
  --md-sys-color-tertiary: #52627a;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e9eef5;
  --md-sys-color-on-tertiary-container: #27364c;
  --md-sys-color-error: #b42318;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #fee4e2;
  --md-sys-color-on-error-container: #7a271a;
  --md-sys-color-background: #f5f7fb;
  --md-sys-color-on-background: #0f172a;
  --md-sys-color-surface: #ffffff;
  --md-sys-color-on-surface: #0f172a;
  --md-sys-color-surface-variant: #e9eef5;
  --md-sys-color-on-surface-variant: #52627a;
  --md-sys-color-outline: #718096;
  --md-sys-color-outline-variant: #d7dee9;
  --md-sys-color-shadow: #0f172a;
  --md-sys-color-surface-dim: #e8edf4;
  --md-sys-color-surface-bright: #ffffff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f8fafc;
  --md-sys-color-surface-container: #f1f5f9;
  --md-sys-color-surface-container-high: #e9eef5;
  --md-sys-color-surface-container-highest: #dde4ee;
  --md-sys-color-inverse-surface: #172033;
  --md-sys-color-inverse-on-surface: #f8fafc;
  --md-sys-color-inverse-primary: #9bbcff;
  --md-sys-color-success-container: #dcfae6;
  --md-sys-color-on-success-container: #08662f;
  --md-sys-color-caution-container: #fef0c7;
  --md-sys-color-on-caution-container: #7a4d00;
}

[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #8fb5ff;
  --md-sys-color-on-primary: #072b63;
  --md-sys-color-primary-container: #143f7e;
  --md-sys-color-on-primary-container: #d9e6ff;
  --md-sys-color-secondary: #b9c6da;
  --md-sys-color-on-secondary: #233044;
  --md-sys-color-secondary-container: #303e54;
  --md-sys-color-on-secondary-container: #d8e2f2;
  --md-sys-color-tertiary: #b9c6da;
  --md-sys-color-on-tertiary: #233044;
  --md-sys-color-tertiary-container: #303e54;
  --md-sys-color-on-tertiary-container: #d8e2f2;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #7f1d1d;
  --md-sys-color-on-error-container: #fee2e2;
  --md-sys-color-background: #0d1320;
  --md-sys-color-on-background: #e7edf7;
  --md-sys-color-surface: #111827;
  --md-sys-color-on-surface: #e7edf7;
  --md-sys-color-surface-variant: #2a3547;
  --md-sys-color-on-surface-variant: #aebbcf;
  --md-sys-color-outline: #8492a7;
  --md-sys-color-outline-variant: #344156;
  --md-sys-color-shadow: #000000;
  --md-sys-color-surface-dim: #0d1320;
  --md-sys-color-surface-bright: #263247;
  --md-sys-color-surface-container-lowest: #0a0f1a;
  --md-sys-color-surface-container-low: #111827;
  --md-sys-color-surface-container: #172033;
  --md-sys-color-surface-container-high: #202b3d;
  --md-sys-color-surface-container-highest: #2a3547;
  --md-sys-color-inverse-surface: #e7edf7;
  --md-sys-color-inverse-on-surface: #111827;
  --md-sys-color-inverse-primary: #2563eb;
  --md-sys-color-success-container: #14532d;
  --md-sys-color-on-success-container: #bbf7d0;
  --md-sys-color-caution-container: #713f12;
  --md-sys-color-on-caution-container: #fef3c7;
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;
    --md-sys-color-primary: #8fb5ff;
    --md-sys-color-on-primary: #072b63;
    --md-sys-color-primary-container: #143f7e;
    --md-sys-color-on-primary-container: #d9e6ff;
    --md-sys-color-secondary: #b9c6da;
    --md-sys-color-on-secondary: #233044;
    --md-sys-color-secondary-container: #303e54;
    --md-sys-color-on-secondary-container: #d8e2f2;
    --md-sys-color-tertiary: #b9c6da;
    --md-sys-color-on-tertiary: #233044;
    --md-sys-color-tertiary-container: #303e54;
    --md-sys-color-on-tertiary-container: #d8e2f2;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #7f1d1d;
    --md-sys-color-on-error-container: #fee2e2;
    --md-sys-color-background: #0d1320;
    --md-sys-color-on-background: #e7edf7;
    --md-sys-color-surface: #111827;
    --md-sys-color-on-surface: #e7edf7;
    --md-sys-color-surface-variant: #2a3547;
    --md-sys-color-on-surface-variant: #aebbcf;
    --md-sys-color-outline: #8492a7;
    --md-sys-color-outline-variant: #344156;
    --md-sys-color-shadow: #000000;
    --md-sys-color-surface-dim: #0d1320;
    --md-sys-color-surface-bright: #263247;
    --md-sys-color-surface-container-lowest: #0a0f1a;
    --md-sys-color-surface-container-low: #111827;
    --md-sys-color-surface-container: #172033;
    --md-sys-color-surface-container-high: #202b3d;
    --md-sys-color-surface-container-highest: #2a3547;
    --md-sys-color-inverse-surface: #e7edf7;
    --md-sys-color-inverse-on-surface: #111827;
    --md-sys-color-inverse-primary: #2563eb;
    --md-sys-color-success-container: #14532d;
    --md-sys-color-on-success-container: #bbf7d0;
    --md-sys-color-caution-container: #713f12;
    --md-sys-color-on-caution-container: #fef3c7;
  }
}