/* Цвета и размеры. Все цвета приложения — только отсюда. */
:root {
  --bg: #f6f5fb;
  --surface: #ffffff;
  --surface-2: #efedf8;
  --line: #e2dff0;
  --text: #1b1a2e;
  --muted: #6b6985;
  --primary: #5b4bf5;
  --primary-2: #8a6cff;
  --primary-ink: #ffffff;
  --primary-soft: #ebe8ff;
  --ok: #17a862;
  --ok-bg: #e2f7eb;
  --bad: #e5484d;
  --bad-bg: #fde8e9;
  --flame: #ff7a1a;
  --gold: #f2b400;
  --silver: #9aa6b6;
  --bronze: #cd7f3e;
  --started: #8fa6ff;
  --gray: #d9d7e5;
  --boss: #d7263d;
  --shadow: 0 2px 10px rgba(40, 30, 120, .08);
  --shadow-up: 0 -6px 24px rgba(40, 30, 120, .12);
  --radius: 18px;
  --radius-sm: 12px;
  --tap: 52px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #12111c;
    --surface: #1d1b2b;
    --surface-2: #272539;
    --line: #34314a;
    --text: #f1f0fa;
    --muted: #a3a1bc;
    --primary: #8b7dff;
    --primary-2: #b29cff;
    --primary-ink: #12111c;
    --primary-soft: #2b2752;
    --ok: #3ddc84;
    --ok-bg: #163324;
    --bad: #ff6b71;
    --bad-bg: #3a1c20;
    --gray: #3a3850;
    --started: #5d6fc4;
    --shadow: 0 2px 10px rgba(0, 0, 0, .35);
    --shadow-up: 0 -6px 24px rgba(0, 0, 0, .4);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #12111c;
  --surface: #1d1b2b;
  --surface-2: #272539;
  --line: #34314a;
  --text: #f1f0fa;
  --muted: #a3a1bc;
  --primary: #8b7dff;
  --primary-2: #b29cff;
  --primary-ink: #12111c;
  --primary-soft: #2b2752;
  --ok: #3ddc84;
  --ok-bg: #163324;
  --bad: #ff6b71;
  --bad-bg: #3a1c20;
  --gray: #3a3850;
  --started: #5d6fc4;
  --shadow: 0 2px 10px rgba(0, 0, 0, .35);
  --shadow-up: 0 -6px 24px rgba(0, 0, 0, .4);
  color-scheme: dark;
}