:root {
  /* GO Flow DS v4 (Figma «20 — GO Flow Design System», root 34:18; variables verified live 2026-09-30). New surfaces use only these semantic
     tokens; the legacy teal `--primary` above stays until the product approves a global re-theme. */
  --ds-canvas: #f4f4f4;
  --ds-workspace: #fcfcfc;
  --ds-surface: #ffffff;
  --ds-surface-muted: #f7f7f7;
  --ds-border: #dedede;
  --ds-border-subtle: #e8e8e8;
  --ds-text: #242424;
  --ds-text-body: #454545;
  --ds-text-secondary: #707070;
  --ds-text-muted: #929292; /* color/text/muted → gray/500 */
  --ds-action: #242424;
  --ds-on-action: #ffffff;
  --ds-accent: #2f7d68;
  --ds-accent-surface: #f2f7f5;
  --ds-accent-border: #d9e8e3;
  /* color/status/* (checked against the live «GO Flow / Semantic» collection, 2026-09-30) */
  --ds-danger: #990000; /* red/700 */
  --ds-danger-surface: #ffc2c2; /* red/100 */
  --ds-warning: #996600; /* yellow/700 */
  --ds-warning-surface: #fff0b3; /* yellow/100 */
  --ds-success: #266900; /* green/700 */
  --ds-success-surface: #cfe0c0; /* green/100 */
  --ds-font-family: Roboto, Arial, sans-serif;
  --ds-radius-control: 8px;
  --ds-radius-chip: 9px;
  --ds-radius-card: 10px;
  --ds-radius-panel: 12px;
}