/* design-system/tokens/colors.css */
:root {
  /* Основні кольори */
  --color-primary: #667eea;
  --color-primary-dark: #5a6fd6;
  --color-primary-light: #7b93ff;
  --color-secondary: #764ba2;
  --color-accent: #f093fb;

  /* Фони — темний глибокий фіолетово-індиго */
  --bg-primary: #050308;
  --bg-secondary: #0f0b1a;
  --bg-tertiary: #0a0612;
  --bg-gradient: linear-gradient(
    180deg,
    var(--bg-primary) 0%,
    #0a0714 25%,
    var(--bg-secondary) 50%,
    #0d0a18 75%,
    var(--bg-tertiary) 100%
  );
  --bg-card: rgba(255, 255, 255, 0.08);
  --bg-card-hover: rgba(255, 255, 255, 0.12);
  --bg-glass: rgba(255, 255, 255, 0.1);
  --bg-glass-strong: rgba(255, 255, 255, 0.15);

  /* Текст */
  --text-primary: rgba(255, 255, 255, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);
  --text-accent: var(--color-accent);

  /* Статуси */
  --color-success: #4ade80;
  --color-warning: #fbbf24;
  --color-error: #f87171;
  --color-info: #60a5fa;

  /* Валюти */
  --color-coin: #ffd700;
  --color-spin: #60a5fa;
  --color-crystal: #a78bfa;
}