/* Canonical tokens for the test and report workspaces. */
:root {
  color-scheme: light;
  font-family: var(--font);
  font-size: 14px;
  --canvas:#f7f7f2;
  --surface:#fdfdf9;
  --subtle:#efefe8;
  --text:#171715;
  --secondary:#53534e;
  --muted:#62625b;
  --border:#d8d8cf;
  --accent:#ffd84d;
  --accent-tint:#fff0a8;
  --focus:#315efb;
  --success:#21603e;
  --success-bg:#e6f2e8;
  --warning:#765109;
  --warning-bg:#fff0d0;
  --error:#a52a32;
  --error-bg:#fbe9e9;
  --info:#345174;
  --info-bg:#eaf0f7;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --radius:8px;
  --radius-panel:12px;
  --border-strong: #a8a8a8;
  --space-5: 20px;
  --shadow: 0 8px 28px rgb(26 26 26 / 10%);
  --font: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --wb-canvas: var(--canvas);
  --wb-surface: var(--surface);
  --wb-surface-subtle: var(--subtle);
  --wb-surface-inverse: var(--text);
  --wb-text: var(--text);
  --wb-text-secondary: var(--secondary);
  --wb-text-subtle: var(--muted);
  --wb-border: var(--border);
  --wb-accent: var(--accent);
  --wb-accent-strong: var(--text);
  --wb-focus: var(--focus);
  --wb-success: var(--success);
  --wb-warning: var(--warning);
  --wb-error: var(--error);
  --wb-info: var(--info);
  --wb-radius-sm: var(--radius);
  --wb-radius-md: var(--radius);
  --wb-radius-lg: var(--radius-panel);
  --wb-border-strong: var(--border-strong);
  --wb-shadow: var(--shadow);
  --wb-font: var(--font);
  --wb-mono: var(--mono);
  --wb-space-1: var(--space-1);
  --wb-space-2: var(--space-2);
  --wb-space-3: var(--space-3);
  --wb-space-4: var(--space-4);
  --wb-space-5: var(--space-5);
  --wb-space-6: var(--space-6);
  --wb-space-8: var(--space-8);
}