/* dark.css -- a theme reassigns token VALUES and nothing else. No selectors beyond
   the two below, no component rules: adding a theme must stay "add one CSS file".
   This restates tokens.css's own dark defaults so the theme file is self-contained
   and a future third theme has a template to copy. */
:root, [data-theme="dark"] {
  --surface-0: #1b1b1d;
  --surface-1: #232326;
  --surface-2: #2c2c30;
  --surface-overlay: #303035;
  --text-primary: #e6e6e6;
  --text-muted: #9a9aa1;
  --text-inverted: #16161a;
  --text-accent: #86b7ff;
  --border-subtle: #35353a;
  --border-strong: #4a4a52;
  --focus-ring: #5b9dff;
  --accent: #3b82f6;
  --accent-hover: #2f6fd8;
  --danger: #e5484d;
  --warning: #e2a03f;
  --success: #46a758;
  --state-hover: rgba(255, 255, 255, 0.06);
  --state-active: rgba(255, 255, 255, 0.10);
  --state-selected: rgba(91, 157, 255, 0.18);
  --state-disabled: rgba(255, 255, 255, 0.04);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --scrim: rgba(0, 0, 0, 0.45);
}