/* Цветовые и moution-токены обеих тем. ТЗ_Разработка_v2.md, раздел 6.1 и 6.7.
   Прямые hex-значения и числовые длительности/кривые в остальных файлах стилей запрещены. */

:root {
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface-2: #EEF1F5;
  --border: #E1E5EA;
  --text: #1A1D21;
  --text-muted: #5A6270;
  /* Фирменный красный СППО (по обложке группы ВК, см. PLAN.md) вместо синего из черновика ТЗ.
     --accent/--accent-hover — заливка (шапка, кнопки, белый текст поверх): одинаковый
     насыщенный красный в обеих темах, см. dark-блок ниже. --link/--link-hover — тот же цвет
     как текст/ссылка/рамка прямо на --bg или --surface: в тёмной теме он же не проходит по
     контрасту (2:1 вместо нужных 4.5:1), поэтому там --link светлее, чем --accent. */
  --accent: #8E1B1B;
  --accent-hover: #A32323;
  --accent-text: #FFFFFF;
  --link: #8E1B1B;
  --link-hover: #A32323;
  --error: #CC0000;
  --success: #1E7B34;
  --warning: #8A5A00;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --radius: 10px;
  --card-max-width: 680px;

  /* Тонированные подложки: заданы явно, а не через color-mix() — недоступен в Safari iOS 14 (6.13) */
  --success-tint: #E7F3EA;
  --warning-tint: #F7EEDD;
  --accent-tint: #F5E6E6;

  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 320ms;
  --dur-page: 400ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #14161A;
  --surface: #1D2026;
  --surface-2: #252A32;
  --border: #2A2F38;
  --text: #E8EAED;
  --text-muted: #9AA3B0;
  /* Тот же красный, что в светлой теме — заливка одинакова в обеих темах по требованию
     пользователя. Текст поверх заливки — белый (contrast 9:1, см. проверку в PLAN.md). */
  --accent: #8E1B1B;
  --accent-hover: #A32323;
  --accent-text: #FFFFFF;
  /* Для текста/ссылок/рамок прямо на тёмном фоне --accent не проходит контраст (2:1) —
     здесь используется более светлый вариант того же тона (проверено: 4.58:1 к --bg). */
  --link: #DA5252;
  --link-hover: #E56B6B;
  --error: #FF6B6B;
  --success: #4CAF6A;
  --warning: #E0A83C;
  --shadow-card: none;

  --success-tint: #1C2B20;
  --warning-tint: #2E2718;
  --accent-tint: #2E1A1A;

  color-scheme: dark;
}

/* До первого отрисованного кадра выставляется theme.js; снимается им же после первого кадра. */
.no-transitions,
.no-transitions * {
  transition: none !important;
}