/* Design tokens from the local Tools project: packages/ui/src/styles.css. */
:root {
  --t-bg: #0b0b0c;
  --t-stage: #131315;
  --t-surface: #131315;
  --t-card: #1a1a1d;
  --t-field: #232327;
  --t-field-2: #2e2e33;
  --t-popover: #1b1b1f;
  --t-popover-field: #26262b;
  --t-popover-on: #36363c;
  --t-fill: #4a4a51;
  --t-line: rgba(255, 255, 255, 0.06);
  --t-frame-line: rgba(255, 255, 255, 0.1); /* edge of the canvas on the stage */
  --t-frame-line-w: 2px;
  --t-frame-r: 24px;
  --t-text: #f2f2f3;
  --t-muted: #8e8e93;
  --t-dim: #5c5c61;
  --t-accent: #7c5cff; /* temporary until the brand book */
  --t-accent-soft: rgba(124, 92, 255, 0.18);
  --t-sel: var(--t-accent); /* outline of a selected tile; fill stays the same */
  --t-ok: #3dd68c;
  --t-info: #4ba3ff;
  --t-err: #f2555a;
  --t-r-pill: 999px;
  --t-r-card: 20px;
  --t-font: var(--font-sans, 'Geist'), ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --t-mono: var(--font-mono, 'Geist Mono'), ui-monospace, Consolas, monospace;
  --t-shadow-pop: 0 30px 80px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
  color-scheme: dark;
}