:root {
  /* --- Бренд: глубокие тёмные тона + золото (см. testoviy_sait.html) --- */
  --bg-page: #0B0A0E;
  --card-bg: #14131A;
  --gold: #D4AF37;
  --gold-soft: rgba(212, 175, 55, 0.14);
  --gold-line: rgba(212, 175, 55, 0.22);
  --gold-line-strong: rgba(212, 175, 55, 0.35);
  --text-white: #F5F5F7;
  --text-muted: rgba(245, 245, 247, 0.65);

  /* Кнопки панели действий */
  --btn-pass-from: #3A1016;        /* винно-гранатовый */
  --btn-pass-to: #22080B;
  --btn-superlike-from: #3B1E54;   /* глубокий аметистовый */
  --btn-superlike-to: #200E31;
  --btn-like-from: #0F4C81;        /* глубокий тёмно-синий */
  --btn-like-to: #062846;

  /* Чипсы-стелы */
  --slate-bg: rgba(20, 20, 28, 0.75);
  --chip-accent-bg: rgba(198, 93, 123, 0.35);
  --chip-accent-border: #C65D7B;

  /* --- Совместимость со старыми именами переменных ---------------------
     Все экраны (мастер, квиз, профиль, фильтры) написаны на этих токенах;
     переназначаем их на новую палитру, а не переписываем каждый экран. */
  --color-ink: var(--text-white);           /* основной текст */
  --color-ink-soft: #A9A6B4;                /* второстепенный текст */
  --color-paper: var(--bg-page);            /* фон страницы */
  --color-surface: var(--card-bg);          /* карточки, инпуты */
  --color-sand: var(--gold-line);           /* границы, разделители */
  --color-rose: var(--gold);                /* основной акцент — CTA, прогресс */
  --color-rose-soft: var(--gold-soft);      /* фон выбранных состояний */
  --color-sage: var(--gold);                /* выбранные теги, "нравится" */
  --color-sage-soft: var(--gold-soft);
  --color-brick: #E5707F;                   /* ошибки (светлее — читается на тёмном) */
  --color-on-accent: #0B0A0E;               /* текст на золотых кнопках */

  --color-like: var(--btn-like-from);
  --color-superlike: #B58CFF;               /* светлый аметист — для текста/штампов */

  /* --- Типографика --- */
  /* Cinzel — только латиница; кириллица автоматически берётся из
     Cormorant Garamond (он тоже подключён в index.html). */
  --font-display: "Cinzel", "Cormorant Garamond", "PT Serif", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;

  --fs-display: 1.75rem;
  --fs-title: 1.25rem;
  --fs-body: 0.95rem;
  --fs-small: 0.8rem;

  /* --- Отступы --- */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-pill: 999px;

  /* Safe area (нотч и системные панели внутри Telegram WebView) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Приложение всегда тёмное: светлая/тёмная тема Telegram на палитру
   НЕ влияет (раньше здесь был блок :root[data-tg-theme="dark"]). */