/* S1 design tokens (spec section 2). Values come from docs/design/1.0-mockups/page-1-project-overview.html.
 * Every name is prefixed --s1- so nothing here can collide with the legacy stylesheets. */
:root {
  --s1-ink: #111318;
  --s1-ink-hover: #262a33;
  --s1-on-ink: #ffffff;
  --s1-ink-2: #3a3f4b;
  --s1-mute: #6b7180;
  --s1-line: #d9dce2;
  --s1-line-soft: #e8eaee;
  --s1-canvas: #e9ebef;
  --s1-panel: #ffffff;
  --s1-panel-head: #f7f8fa;
  --s1-rail: #15171c;
  --s1-maroon: #8a1538;

  /* Color carries meaning only. */
  --s1-late: #c2261d;
  --s1-soon: #b26a00;
  --s1-wait: #3557d6;
  --s1-ok: #1f7a4d;

  --s1-track: #dcdfe5;
  --s1-avatar: #e1e4e9;
  --s1-checkbox: #b9bec9;

  --s1-radius-panel: 12px;
  --s1-radius-control: 9px;
  --s1-radius-empty: 10px;
  --s1-radius-pill: 999px;

  --s1-font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --s1-font-display: "Inter Tight", Inter, system-ui, sans-serif;
  --s1-text-base: 14.5px;
  --s1-text-small: 13px;
  --s1-text-micro: 12px;
  --s1-title: 28px;

  --s1-space-1: 4px;
  --s1-space-2: 8px;
  --s1-space-3: 12px;
  --s1-space-4: 16px;
  --s1-space-5: 20px;
  --s1-space-6: 24px;
}