/* ============================================================
   СВЕТЛАЯ СХЕМА ДОСКИ РАСПИСАНИЯ.

   Подключается ПОСЛЕ display.css и переопределяет только цвета: вся вёрстка,
   размеры и авто-подгонка шрифта живут в display.css и достаются обеим схемам.
   Правки раскладки делать там, дублировать сюда не нужно.

   Включается классом `theme-light` на <html>. Класс ставит display.js по
   настройке из админки — и снимает его на телефоне: там экран держат близко
   к глазам, тёмный фон удобнее и батарею бережёт.

   Зачем светлая вообще: днём из окон на тёмный экран падает засветка, и мелкий
   светлый текст на тёмном фоне размывается. Тёмный текст на светлом в тех же
   условиях читается заметно лучше.

   Цветовые метки (замена учителя, кабинета, деление, внимание, отмена) заданы
   техзаданием школы и остаются узнаваемыми: оттенки те же, но затемнены до
   контраста с белым, а заливки, наоборот, осветлены — иначе тёмный текст
   на них не читается.
   ============================================================ */

html.theme-light {
  --bg: #ffffff;
  --bg-panel: #dfe7f0;          /* шапка таблицы и боковые блоки */
  --ink: #10202f;               /* основной текст — почти чёрный */
  --ink-dim: #4c5f72;           /* вторичный: темнее, чем в тёмной схеме,
                                   иначе на белом теряется */
  --rule: rgba(16, 32, 47, 0.28);
  --accent-today: #9a5b00;      /* амбра, затемнённая до читаемой на белом */
  --accent-next: #0e6a5f;

  --c-teacher: #1d7a2a;
  --c-teacher-bg: rgba(29, 122, 42, 0.16);
  --c-room: #a55a05;
  --c-room-bg: rgba(165, 90, 5, 0.16);
  --c-split: #8a7100;
  --c-split-bg: rgba(190, 158, 0, 0.20);
  --c-attention: #10558f;
  --c-attention-bg: rgba(16, 85, 143, 0.16);
  --c-cancelled: #b0201a;
}

/* Шапка таблицы: на светлом фоне заливка почти не отличается от строк,
   поэтому добавляем нижнюю границу — иначе названия классов сливаются с сеткой. */
html.theme-light .band thead th {
  color: var(--ink);
  border-bottom: 0.16em solid rgba(16, 32, 47, 0.45);
}
html.theme-light .band tbody th { color: var(--ink); }

/* Сетка на светлом фоне нуждается в более заметных линиях: тонкая светлая
   линия на белом почти не видна, а без неё колонки классов разъезжаются. */
html.theme-light .band th,
html.theme-light .band td { border-color: rgba(16, 32, 47, 0.30); }

/* Пустая клетка: в тёмной схеме это был еле заметный светлый текст */
html.theme-light td.is-empty { color: rgba(16, 32, 47, 0.25); }

/* Штампы состояния дня — фон под тёмный текст */
html.theme-light .stamp--today { background: rgba(154, 91, 0, 0.10); }
html.theme-light .stamp--preliminary { background: rgba(14, 106, 95, 0.10); }
html.theme-light .stamp--confirmed { color: #1d7a2a; background: rgba(29, 122, 42, 0.12); }

/* Боковые блоки: на белом фоне панель без рамки выглядит пятном */
html.theme-light .side__block { border: 1px solid rgba(16, 32, 47, 0.16); }

/* Разделитель между группами внутри ячейки */
html.theme-light .cell__group2 { border-top-color: rgba(16, 32, 47, 0.35); }

/* Мобильная карточка класса — тот же принцип */
html.theme-light .class-card { border: 1px solid rgba(16, 32, 47, 0.16); }

/* Метки состояния на светлом фоне: рамку делаем чуть плотнее, чем в тёмной
   схеме, — на белом тонкая цветная рамка читается слабее. */
html.theme-light td.is-teacher-changed { box-shadow: inset 0 0 0 0.18em var(--c-teacher); }
html.theme-light td.is-room-changed { box-shadow: inset 0 0 0 0.18em var(--c-room); }
html.theme-light td.is-split { box-shadow: inset 0 0 0 0.18em var(--c-split); }
html.theme-light td.is-attention { box-shadow: inset 0 0 0 0.18em var(--c-attention); }

/* Отменённый урок: на белом фоне штриховка должна быть ТЁМНОЙ по светлому,
   иначе её попросту не видно. Признаки те же, что и в тёмной схеме, —
   штриховка, зачёркивание и плашка словами: цветом отмену от замены кабинета
   не отличают (красный и оранжевый сливаются с расстояния). */
html.theme-light td.is-cancelled,
html.theme-light td.is-cancelled.is-teacher-changed,
html.theme-light td.is-cancelled.is-room-changed,
html.theme-light td.is-cancelled.is-split,
html.theme-light td.is-cancelled.is-attention {
  background:
    repeating-linear-gradient(135deg,
      rgba(16, 32, 47, 0.13) 0 0.55em,
      rgba(16, 32, 47, 0.03) 0.55em 1.1em);
  box-shadow: inset 0 0 0 0.18em rgba(16, 32, 47, 0.32);
}
html.theme-light .class-card__lesson.is-cancelled {
  background:
    repeating-linear-gradient(135deg,
      rgba(16, 32, 47, 0.13) 0 0.55em,
      rgba(16, 32, 47, 0.03) 0.55em 1.1em);
}
/* плашка: на белом тёмно-красный фон со светлым текстом */
html.theme-light .cell__off { background: var(--c-cancelled); color: #fff; }
html.theme-light .chip--cancelled {
  background:
    repeating-linear-gradient(135deg,
      rgba(16, 32, 47, 0.45) 0 0.18em,
      rgba(16, 32, 47, 0.10) 0.18em 0.36em);
  box-shadow: inset 0 0 0 0.12em var(--c-cancelled);
}

/* Пометка «пробная схема» — только на display-light.html, где этот элемент есть
   в разметке. На обычных мониторах его просто нет. */
.test-mark {
  font-size: 0.6em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: var(--c-attention);
  border-radius: 999px;
  padding: 0.15em 0.7em;
  white-space: nowrap;
}