/* Design tokens, after the Antseed gateway console: black and white, colour only for status, the green pill for
   a page's main action. Theme: the system's, or html[data-theme] set from the account menu. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f5f5f4;
  --hover: rgba(10, 10, 10, 0.028);
  --border: rgba(10, 10, 10, 0.085);
  --border-strong: rgba(10, 10, 10, 0.15);
  --ink: #0a0a0a;
  --ink-2: #525252;
  --ink-3: #737373;
  --accent: #0a0a0a;
  --accent-ink: #ffffff;
  --brand: #10b981;
  --brand-hover: #0d9467;
  --brand-ink: #ffffff;
  --critical: #dc2626;
  --critical-dim: rgba(220, 38, 38, 0.07);
  --warning: #b45309;
  --warning-dim: rgba(217, 119, 6, 0.09);
  --success: #15803d;
  --success-dim: rgba(22, 163, 74, 0.09);
  --info: #2563eb;
  --info-dim: rgba(37, 99, 235, 0.08);
  --focus: #3b82f6;
  --topbar-bg: rgba(255, 255, 255, 0.88);
  --bar: #262626;
  --bar-fail: #dc2626;
  --shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.05);
  --mono: 'Geist Mono', ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
  --sans: 'Geist', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius: 0.625rem;
  --radius-xl: 0.75rem;
  --rail-w: 13.5rem;
  --topbar-h: 3.5rem;
  --max: 88rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0a0a0a;
    --surface: #101010;
    --surface-2: #1a1a1a;
    --hover: rgba(255, 255, 255, 0.035);
    --border: rgba(255, 255, 255, 0.085);
    --border-strong: rgba(255, 255, 255, 0.16);
    --ink: #fafafa;
    --ink-2: #a3a3a3;
    --ink-3: #7c7c7c;
    --accent: #fafafa;
    --accent-ink: #0a0a0a;
    --critical: #f87171;
    --critical-dim: rgba(248, 113, 113, 0.1);
    --warning: #fbbf24;
    --warning-dim: rgba(251, 191, 36, 0.09);
    --success: #4ade80;
    --success-dim: rgba(74, 222, 128, 0.1);
    --info: #60a5fa;
    --info-dim: rgba(96, 165, 250, 0.11);
    --focus: #60a5fa;
    --topbar-bg: rgba(10, 10, 10, 0.86);
    --bar: #d4d4d4;
    --bar-fail: #f87171;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a0a0a;
  --surface: #101010;
  --surface-2: #1a1a1a;
  --hover: rgba(255, 255, 255, 0.035);
  --border: rgba(255, 255, 255, 0.085);
  --border-strong: rgba(255, 255, 255, 0.16);
  --ink: #fafafa;
  --ink-2: #a3a3a3;
  --ink-3: #7c7c7c;
  --accent: #fafafa;
  --accent-ink: #0a0a0a;
  --critical: #f87171;
  --critical-dim: rgba(248, 113, 113, 0.1);
  --warning: #fbbf24;
  --warning-dim: rgba(251, 191, 36, 0.09);
  --success: #4ade80;
  --success-dim: rgba(74, 222, 128, 0.1);
  --info: #60a5fa;
  --info-dim: rgba(96, 165, 250, 0.11);
  --focus: #60a5fa;
  --topbar-bg: rgba(10, 10, 10, 0.86);
  --bar: #d4d4d4;
  --bar-fail: #f87171;
}