/* Shared palette. Components use these tokens instead of defining their own themes. */
:root {
  color-scheme: light;
  --bg: #f5f5f7;
  --bg-accent: #ededf1;
  --surface: #ffffff;
  --surface-2: #f7f7f9;
  --border: #e1e2e7;
  --border-strong: #bfc2cc;
  --text: #252730;
  --text-2: #5d626f;
  --text-3: #666c79;
  --muted: var(--text-2);
  --muted-soft: var(--text-3);
  --accent: #465fa8;
  --accent-strong: #364e94;
  --accent-soft: #edf0fa;
  --accent-ring: #465fa82b;
  --button: #465fa8;
  --button-hover: #364e94;
  --ok: #23734e;
  --ok-bg: #eaf4ee;
  --warn: #855e19;
  --warn-bg: #faf1de;
  --err: #b34451;
  --err-bg: #faecee;
  --star: #91691e;
  --pos: var(--ok);
  --neg: var(--err);
  --radius: 12px;
  --radius-sm: 7px;
  --sidebar-w: 232px;
  --speed: 0.16s;
  --shadow: 0 2px 8px #20232c06;
  --shadow-lift: 0 12px 36px #20232c18;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #191b20;
  --bg-accent: #262930;
  --surface: #22252c;
  --surface-2: #292d35;
  --border: #363a44;
  --border-strong: #555c6b;
  --text: #eceef3;
  --text-2: #b4bac6;
  --text-3: #a4abba;
  --accent: #a7b9f4;
  --accent-strong: #c2cff9;
  --accent-soft: #30394f;
  --accent-ring: #a7b9f42b;
  --button: #4d63a8;
  --button-hover: #586fb8;
  --ok: #83c7a1;
  --ok-bg: #293b32;
  --warn: #d9b77a;
  --warn-bg: #3c362b;
  --err: #e397a0;
  --err-bg: #402e35;
  --star: #d9b77a;
  --shadow: none;
  --shadow-lift: 0 12px 36px #0005;
}