/*
  Палитра «Миски».

  Ведущий цвет — синий из фирменного знака. Переменные Telegram
  (--tg-theme-*) здесь намеренно не используются: спека выбрала свою палитру,
  а от клиента берётся только светлая тема или тёмная. Приложение выглядит
  собой, а не растворяется в пользовательской теме.

  Светлый набор — база. Тёмный переопределяет только то, что меняется.
*/

:root {
  --brand: #4B8FE0;
  /* Белый текст на этом синем даёт лишь ~3.3:1 — ниже требуемых 4.5:1,
     поэтому вместо белого берём тёмный текст, как на пастельных плитках. */
  --brand-ink: #14161A;

  --bg: #F4F6FA;
  --surface: #ffffff;

  --text: #14161A;
  --muted: #5C636E;
  --border: #E3E7ED;

  /* Ведущий цвет как текст на белом не проходит контраст 4.5:1 (~3.2:1),
     поэтому для текста и ссылок — отдельный, более тёмный оттенок. */
  --accent-ink: #2C6BB8;
  --link: #2C6BB8;

  /* Плитки плана дня. Ink задаётся отдельно: на пастели нужен тёмный текст,
     и он не должен наследоваться от --text, который в тёмной теме светлый. */
  --tile-fed: #D6EAD9;
  --tile-next: #FBE0B4;
  --tile-idle: #EDF1F7;
  --tile-ink: #14161A;
  /* Плашка статуса поверх плитки: непрозрачная, из палитры плитки, а не
     полупрозрачный белый — на тёмных плитках тот давал светлый текст на
     почти белом фоне. */
  --tile-pill-bg: #ffffff;
  --tile-pill-ink: #14161A;

  --bar-bg: #14161A;
  --bar-ink: #8A9099;

  --danger: #D1453B;

  /* Точки дисциплины в ленте дней */
  --dot-fed: #4CAF7D;
  --dot-part: #E0A64B;

  --radius: 16px;
  --radius-lg: 22px;
  --gap: 12px;
}

:root[data-theme="dark"] {
  /* Тот же синий светлее: на тёмном фоне исходный проваливается по контрасту */
  --brand: #6BA4E8;
  --brand-ink: #0F141A;

  --bg: #121417;
  --surface: #1B1E22;

  --text: #F2F3F5;
  --muted: #9BA3AE;
  --border: #2C3137;

  /* Ведущий цвет светлее для текста на тёмном фоне */
  --accent-ink: #8CBBEE;
  --link: #8CBBEE;

  --tile-fed: #24382B;
  --tile-next: #3B3123;
  --tile-idle: #23272C;
  --tile-ink: #F2F3F5;
  --tile-pill-bg: #F2F3F5;
  --tile-pill-ink: #14161A;

  /* Панель светлее фона: чёрная на чёрном сливается */
  --bar-bg: #23272C;
  --bar-ink: #9BA3AE;

  --danger: #F2726A;

  --dot-fed: #5FBE8C;
  --dot-part: #E6B564;
}