/* GENERATED by scripts/gen-tokens.ts from shared/design-tokens.js — do not
   edit. Change a colour there and re-run the script. Loaded before
   base.css on every page, which reads these rather than repeating them. */

:root {
  --brand: #3192d0;
  --status-defining: #3192d0;
  --status-changes: #6966ac;
  --status-ready: #f2c94c;
  --status-design: #e86fb0;
  --status-approved: #3fb67a;
  --status-none: #5b6069;
  --bg-chrome: #f5f6f8;
  --bg-panel: #ffffff;
  --bg-stage: #e9ebef;
  --line: #dfe2e7;
  --line-strong: #c8ccd4;
  --ink: #16191d;
  --ink-soft: #6b7280;
  --accent: #3192d0;
  --secondary: #6966ac;
  --danger: #d93a3a;
  --bg-hover: #f2f4f7;
  --bg-active: #e8ebf0;
  --bg-accent-soft: #e4f1f9;
  --bg-danger-soft: #fdeeee;
  --ring-inset: rgba(16, 20, 26, 0.18);
  --checker-a: #e4e6ea;
  --checker-b: #f6f7f9;
  --alpha-wash: rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] {
  --bg-chrome: #1c1e22;
  --bg-panel: #26282d;
  --bg-stage: #16171a;
  --line: #35383e;
  --line-strong: #494d55;
  --ink: #e8e9ec;
  --ink-soft: #9a9fa8;
  --accent: #3192d0;
  --secondary: #6966ac;
  --danger: #f0554f;
  --bg-hover: #303338;
  --bg-active: #3a3e45;
  --bg-accent-soft: #283845;
  --bg-danger-soft: #4a2626;
  --ring-inset: rgba(255, 255, 255, 0.18);
  --checker-a: #2c2f34;
  --checker-b: #24262a;
  --alpha-wash: rgba(255, 255, 255, 0.15);
}