/* ============================================================
   Material Design 3 主题（蓝色系 seed #0B57D0）
   浅色 = :root，深色 = .md-dark，由页面 JS 切换 body class
   ============================================================ */

:root {
  --md-sys-color-primary: #0b57d0;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #d8e2ff;
  --md-sys-color-on-primary-container: #001a41;

  --md-sys-color-secondary: #565e71;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #dae2f9;
  --md-sys-color-on-secondary-container: #131c2b;

  --md-sys-color-tertiary: #705575;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #f9d8fd;
  --md-sys-color-on-tertiary-container: #28132d;

  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #410002;

  --md-sys-color-surface: #f9f9ff;
  --md-sys-color-on-surface: #191c20;
  --md-sys-color-surface-variant: #e0e2ec;
  --md-sys-color-on-surface-variant: #44474f;
  --md-sys-color-outline: #74777f;
  --md-sys-color-outline-variant: #c4c6d0;

  --md-sys-color-background: #f9f9ff;
  --md-sys-color-on-background: #191c20;

  --md-sys-color-inverse-surface: #2e3136;
  --md-sys-color-inverse-on-surface: #f0f0f7;
  --md-sys-color-inverse-primary: #aec6ff;
  --md-sys-color-scrim: #000000;
  --md-sys-color-shadow: #000000;

  --md-sys-color-surface-dim: #dadbe3;
  --md-sys-color-surface-bright: #f9f9ff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f3f3fa;
  --md-sys-color-surface-container: #edf0f4;
  --md-sys-color-surface-container-high: #e7e8ef;
  --md-sys-color-surface-container-highest: #e2e2e9;
}

.md-dark {
  --md-sys-color-primary: #aec6ff;
  --md-sys-color-on-primary: #002e69;
  --md-sys-color-primary-container: #004494;
  --md-sys-color-on-primary-container: #d8e2ff;

  --md-sys-color-secondary: #bec6dc;
  --md-sys-color-on-secondary: #283141;
  --md-sys-color-secondary-container: #3e4759;
  --md-sys-color-on-secondary-container: #dae2f9;

  --md-sys-color-tertiary: #ddbde1;
  --md-sys-color-on-tertiary: #3d2742;
  --md-sys-color-tertiary-container: #563d5b;
  --md-sys-color-on-tertiary-container: #f9d8fd;

  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;

  --md-sys-color-surface: #111318;
  --md-sys-color-on-surface: #e2e2e9;
  --md-sys-color-surface-variant: #44474f;
  --md-sys-color-on-surface-variant: #c4c6d0;
  --md-sys-color-outline: #8e9099;
  --md-sys-color-outline-variant: #44474f;

  --md-sys-color-background: #111318;
  --md-sys-color-on-background: #e2e2e9;

  --md-sys-color-inverse-surface: #e2e2e9;
  --md-sys-color-inverse-on-surface: #2e3136;
  --md-sys-color-inverse-primary: #0b57d0;

  --md-sys-color-surface-dim: #111318;
  --md-sys-color-surface-bright: #37383e;
  --md-sys-color-surface-container-lowest: #0c0e13;
  --md-sys-color-surface-container-low: #191c21;
  --md-sys-color-surface-container: #1d2025;
  --md-sys-color-surface-container-high: #282a30;
  --md-sys-color-surface-container-highest: #33353b;
}