/* BrowserBuns design tokens. Shared by the dashboard, runs, replay, and chat. */
:root {
  color-scheme: dark;
  --ds-bg: #0f1011;
  --ds-sidebar: #121315;
  --ds-surface: #17181b;
  --ds-surface-raised: #1d1e22;
  --ds-surface-hover: #24252a;
  --ds-border: #2a2b31;
  --ds-border-subtle: #222329;
  --ds-border-strong: #3c3e47;
  --ds-text: #f3f4f6;
  --ds-text-secondary: #b2b4bd;
  --ds-text-muted: #878a96;
  --ds-accent: #5e6ad2;
  --ds-accent-hover: #626dd0;
  --ds-on-accent: #ffffff;
  --ds-accent-text: #a4adff;
  --ds-accent-soft: rgba(94, 106, 210, .14);
  --ds-success: #70c79b;
  --ds-success-soft: rgba(112, 199, 155, .10);
  --ds-warning: #ddb978;
  --ds-warning-soft: rgba(221, 185, 120, .10);
  --ds-danger: #ee8f98;
  --ds-danger-soft: rgba(238, 143, 152, .10);
  --ds-info: #89a7e8;
  --ds-info-soft: rgba(137, 167, 232, .10);
  --ds-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ds-radius-sm: 6px;
  --ds-radius: 8px;
  --ds-radius-lg: 12px;
  --ds-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  --ds-transition: 140ms ease;
}

* { box-sizing: border-box; }
html { background: var(--ds-bg); }
body {
  margin: 0;
  color: var(--ds-text);
  background: var(--ds-bg);
  font-family: var(--ds-font);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; }
button, input[type="checkbox"], input[type="range"], progress { accent-color: var(--ds-accent); }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--ds-accent-text); outline-offset: 3px; }
::selection { color: var(--ds-text); background: rgba(94, 106, 210, .35); }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}