:root {
  --bg-base: var(--dark-bg, #070B14);
  --bg-panel: var(--dark-surface, #0D1422);
  --bg-card: var(--dark-glass, rgba(17, 24, 39, 0.68));
  --bg-surface: var(--dark-surface, #0D1422);

  --border-soft: var(--dark-border, rgba(255, 255, 255, 0.09));

  --text-main: var(--dark-text, #F8FAFC);
  --text-muted: var(--dark-muted, #A6B0C2);

  --primary: var(--dark-purple, #A78BFA);
  --primary-color: var(--dark-purple, #A78BFA);
  --accent-green: var(--dark-green, #34D399);
  --success: var(--dark-green, #34D399);
  --danger: var(--dark-coral, #FB7185);
  --reward: var(--dark-gold, #FBBF24);

  --space-xl: 32px;
  --radius-card: 22px;
  --shadow-card: var(--shadow-glass, 0 12px 36px rgba(0, 0, 0, 0.22));
}