:root {
  color-scheme: dark;

  /* Фоны */
  --bg-page: #0e1113;
  --bg-card: #16191c;
  --bg-card-hover: #1b1f23;
  --bg-elevated: #1e2328;
  --border: #262b30;
  --border-accent: rgba(74, 222, 170, .35);

  /* Текст */
  --text-primary: #eef2f4;
  --text-secondary: #9aa4ad;
  --text-muted: #5f6a73;
  --text-on-accent: #1a2420;

  /* Акценты */
  --accent: #4adeaa;
  --accent-hover: #6ae8bc;
  --danger: #ff5c5c;
  --warning: #ffb74a;
  --status-want: #6aa5ff;
  --status-doing: #b98aff;
  --status-done: #4adeaa;
  --status-fail: #ff5c5c;

  /* Типографика — ponytail: без woff2-бандла (нет сетевого доступа, чтобы
     честно скачать лицензионный Inter); system-ui/Segoe UI визуально близки
     и не тянут внешний файл. Добавить @font-face, если это станет важно. */
  --font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-base: 15px;
  --fs-small: 13px;
  --fs-h1: 30px;
  --fs-h2: 22px;
  --fs-card-title: 19px;
  --lh: 1.55;

  --radius: 10px;
  --radius-sm: 6px;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, .25);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, .45);
  --transition: .15s ease;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0s; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}