/* ===== Токены темы =====
   Цвета живут здесь, а не в разметке: иначе переключателю темы не за что зацепиться.
   Светлые значения — ровно те, что были захардкожены в Lumio. */
:root {
  --bg: #FAF9F5;
  --card: #FFFDF8;
  --panel: #F0EFEB;
  --line: #D9D7D0;
  --ink: #181818;
  --muted: #8C8880;
  --accent: #0F766E;
  --accent-soft: rgba(14, 116, 144, 0.10);
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  /* Подложки статусов: мягкая заливка под бейджем или плашкой. */
  --success-soft: color-mix(in srgb, var(--success) 12%, transparent);
  --warning-soft: color-mix(in srgb, var(--warning) 12%, transparent);
  --danger-soft: color-mix(in srgb, var(--danger) 10%, transparent);
  /* Текст семантического цвета. Чистый токен на светлой подложке даёт около
     2:1 и мелкий текст не читается — затемняем к чернилам темы. Пропорции
     подобраны расчётом контраста (WCAG AA, >=4.5:1 в обеих темах). */
  --success-text: color-mix(in srgb, var(--success) 60%, var(--ink));
  --warning-text: color-mix(in srgb, var(--warning) 55%, var(--ink));
  --danger-text: color-mix(in srgb, var(--danger) 70%, var(--ink));
  --shadow: 0 18px 40px -18px rgba(24, 24, 24, 0.22);
  /* Содержимое ПОВЕРХ фотографии (шапка на кадре зала в первом экране).
     Не участвует в смене темы и не должно: под ним тёмный кадр, а не холст
     страницы, поэтому в тёмной теме эти значения такие же. Токен, а не голый
     white в разметке, — чтобы «белый на фото» читался как роль, а не как
     случайный хардкод, и правился в одном месте. */
  --on-photo: #FFFFFF;
  --on-photo-dim: rgba(255, 255, 255, 0.82);
  /* Экран телефона в знаке EVENTEKA. Знак стоит на подложке холста (шапка) и
     на подложке чернил (футер), и в каждой теме это разные стороны: на светлой
     экран чёрный, на тёмной — серый, иначе корпус телефона сливается с фоном и
     от знака остаётся один градиентный контур. */
  --logo-screen: #0B0B0B;
  --logo-screen-inv: #2E2E2E;
}

:root[data-theme='dark'] {
  --bg: #0b0d10;
  --card: #1f242d;
  --panel: #323a45;
  --line: #454e5a;
  --ink: #e8e6e1;
  --muted: #8b9099;
  --accent: #2dd4bf;
  --accent-soft: rgba(45, 212, 191, 0.14);
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;
  /* В тёмной теме чёрная тень не видна — карточке нужен контур посветлее. */
  --shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --logo-screen: #2E2E2E;
  --logo-screen-inv: #0B0B0B;
}