:root {
  --bg: #f6f7fb;
  --card: rgba(255,255,255,0.85);
  --border: rgba(17,24,39,0.12);
  --text: rgba(17,24,39,0.92);
  --muted: rgba(17,24,39,0.60);
  --link: rgba(37,99,235,0.95);
  --bg-grad-1: rgba(59,130,246,0.16);
  --bg-grad-2: rgba(34,197,94,0.12);
  --bg-grad-3: transparent;
  --shadow: rgba(0,0,0,0.10);
  --font-main: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --topbar-bg: rgba(0,0,0,0.06);
  --nav-bg: rgba(0,0,0,0.04);
  --control-bg: rgba(255,255,255,0.55);
  --control-bg-dark: rgba(0,0,0,0.18);
  --button-bg: rgba(59,130,246,0.22);
  --button-border: rgba(59,130,246,0.35);
  --secondary-bg: rgba(255,255,255,0.35);
  --danger-bg: rgba(239,68,68,0.18);
  --danger-border: rgba(239,68,68,0.35);
  --tag-bg: rgba(255,255,255,0.35);
  --msg-bg: rgba(255,255,255,0.35);
  --chart-bg: rgba(255,255,255,0.35);
  --pos: rgba(34,197,94,0.95);
  --neg: rgba(239,68,68,0.95);
  --warn: #e67e22;
  --radius: 16px;
  --radius-control: 12px;
  --radius-pill: 12px;
}

html[data-theme="dark"] {
  --bg: #0b1324;
  --card: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.12);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.65);
  --link: rgba(147,197,253,0.95);
  --bg-grad-1: rgba(59,130,246,0.25);
  --bg-grad-2: rgba(34,197,94,0.18);
  --shadow: rgba(0,0,0,0.25);
  --topbar-bg: rgba(0,0,0,0.25);
  --nav-bg: rgba(0,0,0,0.18);
  --control-bg: rgba(255,255,255,0.08);
  --control-bg-dark: rgba(0,0,0,0.18);
  --secondary-bg: rgba(255,255,255,0.08);
  --tag-bg: rgba(255,255,255,0.06);
  --msg-bg: rgba(255,255,255,0.06);
  --chart-bg: rgba(255,255,255,0.06);
}