:root {
  /* Цвет */
  --bg-app: #0A0D13;
  --bg-surface: #12151D;
  --bg-surface-raised: #181C26;
  --border-subtle: #1F2430;
  --border-strong: #2C3241;

  --text-primary: #F2F4F8;
  --text-secondary: #8B93A7;
  --text-disabled: #4B5263;

  --accent-primary: #4F7CFF;
  --accent-primary-hover: #6C92FF;
  --accent-primary-active: #3D66DE;

  --accent-wheel: #5B8DEF;
  --accent-coin: #A78BFA;

  --status-success: #22C55E;
  --status-warning: #F5A524;
  --status-danger: #EF4444;

  --overlay-scrim: rgba(0, 0, 0, 0.55);

  /* Типографика — системные стеки, без локальных файлов шрифтов */
  --font-ui: "Segoe UI", Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, monospace;

  /* Отступы (база 8px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Радиусы */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Тени */
  --shadow-raised: 0 4px 16px rgba(0, 0, 0, 0.4);

  /* Анимация */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}