:root {
  --c-surface-0: #0a0a0a;
  --c-surface-1: #171717;
  --c-surface-2: #262626;

  --c-border: #262626;
  --c-border-soft: #404040;
  --c-border-faint: #171717;
  --c-border-strong: #a3a3a3;

  --c-text: #f5f5f5;
  --c-text-secondary: #d4d4d4;
  --c-text-muted: #a3a3a3;
  --c-text-subtle: #737373;
  --c-text-faint: #525252;
  --c-text-faintest: #404040;

  --c-danger-bg: #450a0a;
  --c-danger-border: #7f1d1d;
  --c-danger-text: #f87171;
  --c-danger-text-strong: #fca5a5;

  --c-accent: #0ea5e9;
  --c-accent-soft: #0369a1;
  --c-accent-text: #7dd3fc;
  --c-accent-2: #a78bfa;
  --c-accent-3: #4ade80;
}