:root {
  color-scheme: dark;
  --font-step: 0px;
  --app-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #0F1115; --panel: #171A20; --panel2: #20242C; --text: #ECEEF3; --muted: #949BA9; --line: #2C313B;
  --accent: #7188FF; --on-accent: #FFFFFF; --accent2: #63B8C5;
  --ok: #70B996; --warn: #DDB56F; --danger: #F08D91; --toggle-bg: #20242C;
  --shadow: 0 18px 46px rgba(0, 0, 0, .34);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F7F9; --panel: #FFFFFF; --panel2: #EEF1F5; --text: #202228; --muted: #747B88; --line: #DDE1E8;
  --accent: #5369E7; --on-accent: #FFFFFF; --accent2: #347F8B;
  --ok: #397C5C; --warn: #96651E; --danger: #B9474F; --toggle-bg: #EEF1F5;
  --shadow: 0 14px 34px rgba(27, 31, 41, .12);
}

html[data-theme="dark"] { color-scheme: dark; }
html[data-size="small"] { --font-step: -1px; }
html[data-size="large"] { --font-step: 1px; }
html[data-font="serif"] { --app-font: "Songti SC", "Noto Serif CJK SC", Georgia, serif; }
html[data-font="rounded"] { --app-font: ui-rounded, "SF Pro Rounded", "Segoe UI", sans-serif; }
html[data-font="mono"] { --app-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
body { font-family: var(--app-font); }