:root {
  --bg: #f6f7fb; --surface: #ffffff; --surface-2: #fbfbfe; --border: #e7e8f0;
  --ink: #1e2138; --muted: #6b7280; --faint: #9aa0b4;
  --accent: #4f46e5; --accent-2: #7c3aed;
  --tile-blue-bg: #eaf1ff; --tile-blue: #2563eb;
  --tile-green-bg: #e6f7ef; --tile-green: #0d9f6e;
  --tile-violet-bg: #f1ebfe; --tile-violet: #7c3aed;
  --good: #0d9f6e; --warn: #d97706; --track: #eceef5;
  --shadow: 0 1px 2px rgba(24,27,45,.04), 0 8px 24px rgba(24,27,45,.06);
  --radius: 16px;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14161f; --surface: #1c1f2b; --surface-2: #20222f; --border: #2c2f3e;
    --ink: #e8e9f0; --muted: #9aa0b4; --faint: #6b7086;
    --accent: #7c6cf0; --accent-2: #9a6cf0;
    --tile-blue-bg: #1e2740; --tile-blue: #7aa2ff;
    --tile-green-bg: #16302479; --tile-green: #56d7a2;
    --tile-violet-bg: #2a2350; --tile-violet: #b79bff;
    --track: #2c2f3e;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
  }
}
:root[data-theme="light"] {
  --bg: #f6f7fb; --surface: #ffffff; --surface-2: #fbfbfe; --border: #e7e8f0;
  --ink: #1e2138; --muted: #6b7280; --faint: #9aa0b4; --accent: #4f46e5; --accent-2: #7c3aed;
  --tile-blue-bg: #eaf1ff; --tile-blue: #2563eb; --tile-green-bg: #e6f7ef; --tile-green: #0d9f6e;
  --tile-violet-bg: #f1ebfe; --tile-violet: #7c3aed; --track: #eceef5;
  --shadow: 0 1px 2px rgba(24,27,45,.04), 0 8px 24px rgba(24,27,45,.06);
}
:root[data-theme="dark"] {
  --bg: #14161f; --surface: #1c1f2b; --surface-2: #20222f; --border: #2c2f3e;
  --ink: #e8e9f0; --muted: #9aa0b4; --faint: #6b7086; --accent: #7c6cf0; --accent-2: #9a6cf0;
  --tile-blue-bg: #1e2740; --tile-blue: #7aa2ff; --tile-green-bg: #163024; --tile-green: #56d7a2;
  --tile-violet-bg: #2a2350; --tile-violet: #b79bff; --track: #2c2f3e;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans);
       -webkit-font-smoothing: antialiased; line-height: 1.45; }