/* Design tokens. Core values mirror config.THEME (checked by tests/test_web.py). */
:root {
  color-scheme: dark;

  --bg: #0b0d12;
  --sidebar-bg: #10131a;
  --surface: #131722;
  --surface-alt: #171c27;
  --border: #1f2637;
  --border-strong: #262e40;
  --text: #e8ecf3;
  --text-muted: #8b94a7;
  --text-faint: #6b7488;
  --accent: #ff4d5a;
  --info: #4c8dff;
  --positive: #3ecf8e;

  /* Extra shades used by the mockups */
  --divider: #1d2331;
  --track: #1a2030;
  --selected: #212a3d;
  --label: #aab2c4;
  --legend: #c3cada;
  --chip-neutral: #1c2334;
  --accent-soft: rgba(255, 77, 90, 0.55);

  --radius-card: 16px;
  --radius-control: 10px;
  --radius-pill: 999px;

  --font: 'Assistant', 'Arial Hebrew', Arial, sans-serif;

  --sidebar-min: 232px;
  --sidebar-max: 260px;
  --touch-target: 44px;
}