:root {
  --brand-primary: #2f3541;
  --brand-primary-dark: #242a33;
  --brand-danger: #cf2e2e;
  --brand-danger-dark: #b12727;
  --brand-accent: #cac300;
  --brand-dark: #1b1b1b;
  --brand-text: #f5f7fb;
  --brand-muted: #c7ccd6;
  --brand-surface: #2f3541;
  --brand-surface-alt: #3a4150;
  --brand-bg: #28292a;
  --brand-border: #3b4252;

  /* Compatibility aliases for existing selectors */
  --bg: var(--brand-bg);
  --surface: var(--brand-surface);
  --text: var(--brand-text);
  --muted: var(--brand-muted);
  --border: var(--brand-border);
  --primary: var(--brand-primary);
  --danger: var(--brand-danger);

  --radius: 8px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;

  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}