/* backstop-design-system: canonical tokens */
:root {
  --color-ink: #0c0d0d;
  --color-paper: #f7f7f4;
  --color-surface: #ffffff;
  --color-surface-muted: #f0f1ed;
  --color-muted: #686b68;
  --color-faint: #949792;
  --color-line: #dadbd6;
  --color-line-dark: #272a28;
  --color-signal: #20d979;
  --color-signal-ink: #138d51;
  --color-danger: #ef5b50;
  --color-danger-ink: #c43b32;
  --color-danger-surface: #211716;
  --color-danger-text: #f5e8e6;
  --color-danger-muted: #aa8e8a;
  --color-terminal: #111312;
  --color-terminal-text: #e8ebe7;
  --color-terminal-bar: #a4aaa5;
  --color-terminal-muted: #aab0ab;
  --color-terminal-faint: #656b66;
  --color-terminal-exit: #777d78;
  --color-terminal-line: #313532;
  --color-terminal-border: #303431;
  --color-terminal-icon-border: #343836;
  --color-cta-border: #3a3e3b;
  --color-ism: #8b908c;
  --shadow-signal: 0 0 0 4px color-mix(in srgb, var(--color-signal) 12%, transparent);
  --shadow-terminal: 0 24px 80px color-mix(in srgb, var(--color-terminal) 17%, transparent), 0 2px 10px color-mix(in srgb, var(--color-terminal) 10%, transparent);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 9rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.75rem;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --content-width: 1180px;
  --focus-ring: 2px solid var(--color-signal);
  --motion-fast: 150ms;
  --motion-standard: 160ms;
  --motion-reduced-duration: 0.01ms;
}