/* Design tokens: the only place where the root colour/size variables are defined.
   Loaded first on every page (base.html). Values are the effective 1.9.82 values;
   tests/test_frontend_tokens.py recomputes them from the 1.9.82 stylesheets. */

:root {
  --sidebar-width: 224px;
  --sidebar-scale: 1;
  --blue: #245edb;
  --ink: #202c40;
  --muted: #647287;
  --line: #e0e6ee;
  --bg: #f3f5f9;
  --surface: #fff;
  --surface-soft: #f7f9fc;
  --control-border: #cbd4e1;
  --hover-blue: #f0f5ff;
  --active-blue: #eaf1ff;
  --action-bg: #245edb;
  --action-hover: #1c4fbd;
  --focus-ring: #5688ed;
  --green: #187249;
  --orange: #975813;
  --red: #ba353f;
}

:root[data-theme="dark"] {
  --blue: #91b7ff;
  --ink: #e4eaf3;
  --muted: #a1aec2;
  --line: #303c4e;
  --bg: #131b28;
  --surface: #1c2635;
  --surface-soft: #222f40;
  --control-border: #4b5b72;
  --hover-blue: #283c59;
  --active-blue: #2a4164;
  --action-bg: #3569d4;
  --action-hover: #2b5ec8;
  --focus-ring: #91b7ff;
  --green: #79d4a8;
  --orange: #e8b471;
  --red: #ff9ca3;
}

html[data-feishu-client="1"] {
  --sidebar-width: 208px;
}