:root {
  --color-bg: #131a20;
  --color-surface: #1e2830;
  --color-surface-raised: #26323c;
  --color-primary: #eda22b;
  --color-primary-dark: #de8c18;
  --color-ink-on-accent: #131a20;
  --color-text: #f6efe2;
  --color-text-muted: #7a8894;
  --color-border: #3c4449;
  --color-success: #4caf50;
  --color-danger: #e5484d;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --space-1: 6px;
  --space-2: 12px;
  --space-3: 20px;
  --space-4: 28px;
  --space-5: 40px;
  --space-6: 56px;

  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
}