:root {
  --color-bg: #030303;
  --color-bg-2: #080708;
  --color-surface: #101011;
  --color-surface-2: #171415;
  --color-text: #f7f2ec;
  --color-muted: #b9ad9e;
  --color-border: rgba(255, 255, 255, 0.14);
  --color-action: #e7ff5d;
  --color-action-2: #ff3030;
  --color-hope: #f8f3dc;
  --color-danger: #ff3030;
  --color-success: #8cff8c;
  --color-warning: #ffd166;
  --editor-selected: #e7ff5d;
  --editor-media: #ff3030;
  --editor-section: #f8f3dc;
  --font-body: Inter, system-ui, sans-serif;
  --font-heading: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  --font-display: var(--font-heading);
  --max-width: 1180px;
  --radius-sm: 0.25rem;
  --radius-md: 0.6rem;
  --radius-lg: 1rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --shadow-brutal: 0 1.25rem 4rem rgba(0, 0, 0, 0.65);
  --transition-fast: 160ms ease;
  --transition-medium: 280ms ease;
}