:root {
  color-scheme: light;
  --primary: #3974f7;
  --primary-hover: #2864e9;
  --on-primary: #fff;
  --primary-soft: #eaf1ff;
  --primary-text: #3168dd;
  --background: #f6f8fc;
  --surface: #fff;
  --surface-soft: #f4f6fa;
  --surface-hover: #ebeff6;
  --text: #1d2638;
  --text-secondary: #778195;
  --text-muted: #a0a8b7;
  --border: #e9edf4;
  --glass: rgb(255 255 255 / 72%);
  --error: #d74151;
  --error-soft: #fff1f3;
  --success: #24a779;
  --shadow-card: 0 10px 60px -15px rgb(44 69 115 / 10%), 0 1px 3px rgb(44 69 115 / 2%);
  --shadow-float: 0 12px 35px rgb(55 89 145 / 9%);
  --radius-card: 32px;
  --radius-control: 17px;
  --font: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #82aaff;
  --primary-hover: #a0beff;
  --on-primary: #102754;
  --primary-soft: #23324f;
  --primary-text: #9abbff;
  --background: #11151d;
  --surface: #1c222d;
  --surface-soft: #252c38;
  --surface-hover: #303a4c;
  --text: #edf2fb;
  --text-secondary: #a2aec2;
  --text-muted: #78859b;
  --border: #2d3646;
  --glass: rgb(28 34 45 / 77%);
  --error: #ff8c99;
  --error-soft: #3e2630;
  --success: #71d8b3;
  --shadow-card: 0 10px 60px -15px rgb(0 0 0 / 24%);
  --shadow-float: 0 12px 35px rgb(0 0 0 / 16%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --primary: #82aaff; --primary-hover: #a0beff; --on-primary: #102754;
    --primary-soft: #23324f; --primary-text: #9abbff; --background: #11151d;
    --surface: #1c222d; --surface-soft: #252c38; --surface-hover: #303a4c;
    --text: #edf2fb; --text-secondary: #a2aec2; --text-muted: #78859b;
    --border: #2d3646; --glass: rgb(28 34 45 / 77%); --error: #ff8c99;
    --error-soft: #3e2630; --success: #71d8b3;
    --shadow-card: 0 10px 60px -15px rgb(0 0 0 / 24%); --shadow-float: 0 12px 35px rgb(0 0 0 / 16%);
  }
}