:root {
  color-scheme: light;
  --bg: #f5f6f8;
  --panel: #ffffff;
  --panel-2: #f9fafb;
  --text: #1d2430;
  --muted: #697386;
  --line: #dfe4ea;
  --line-strong: #c9d1da;
  --accent: #1f6feb;
  --accent-soft: #eaf2ff;
  --success: #1d7f4f;
  --warning: #a15c00;
  --shadow: 0 18px 45px rgba(20, 35, 55, 0.08);
  --radius: 8px;
  --sidebar: #111827;
  --sidebar-muted: #9ca3af;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
}

body.auth-screen-open {
  overflow: hidden;
}

body.theme-dark {
  color-scheme: dark;
  --bg: #0b1220;
  --panel: #0f1724;
  --panel-2: #111c2e;
  --text: #eef5ff;
  --muted: #9fb0c8;
  --line: #26344a;
  --line-strong: #475569;
  --accent: #3b82f6;
  --accent-soft: #13264a;
  --success: #34d399;
  --warning: #f59e0b;
  --shadow: none;
  --sidebar: #0a101c;
  --sidebar-muted: #94a3b8;
}

body.theme-light {
  color-scheme: light;
}

button,
input,
textarea,
select {
  font: inherit;
}