/* Кампус — Color tokens · направление «Окно светится» (полночный синий)
 *
 * Метафора: октябрьский вечер на кампусе, в старом корпусе горит одно окно.
 * Пропорция экрана: ~52 мела / 31 полночи / 6 латуни и тумана / 11 розы.
 *
 * Жёсткие правила:
 *   - Свет окна (#F4D98A) — сакральный: ТОЛЬКО огоньки (окно в знаке, live-точки), ≤1% экрана. Не кнопки.
 *   - Роза — только забота: «мы заметили», активные даты, подчёркивание «ты здесь», изнанки мерча.
 *   - Латунь — только линия, точка и цифры. Никогда заливка, никогда кнопка.
 *   - Запрещены: голубой, бирюза, чистый чёрный, красный, изумруд.
 *   - Туман (#8CA0BE) — вторичный текст ТОЛЬКО на полночи, не на светлом.
 */

:root {
  /* ---- Полночный мир (тёмное) ---- */
  --deep:     #0E1728;   /* самое глубокое: футер, фон афиш */
  --midnight: #152238;   /* полночь: тёмный фон, кнопки на светлом */
  --oxford:   #1F3050;   /* карточки и слои на полночи */

  /* ---- Меловой мир (светлое) ---- */
  --chalk:      #FAF6EC; /* основной светлый фон; текст на тёмном */
  --paper:      #F2ECDD; /* карточки на меле, тон-в-тон */
  --paper-warm: #FDFAF1; /* бумага документов: формуляр, домашки */

  /* ---- Чернила и туман ---- */
  --ink:       #111C2E;  /* текст на светлом. Чёрный запрещён */
  --ink-soft:  #5E6779;  /* вторичный текст на светлом */
  --ink-faint: #9AA5B8;  /* подписи, неактивное на светлом */
  --mist:      #8CA0BE;  /* вторичный текст на полночи */
  --mist-deep: #5E6E8E;  /* самое тихое на полночи */

  /* ---- Специи ---- */
  --rose:        #EDB2C4; /* Р2 «пион» — холодная роза заботы */
  --rose-pale:   #F6E3E4; /* подложка карточки «мы заметили» на светлом */
  --rose-powder: #F5CBD9; /* запас: подложки на полночи */
  --rose-deep:   #9C5A60; /* текст розы на светлом, цены «карандашом» */
  --brass:       #C2A26B; /* латунь: линии, точки, номера */
  --window:      #F4D98A; /* свет окна: ТОЛЬКО огоньки, ≤1% экрана */

  /* ---- Пять компонентов (Индекс: полоски, созвездие) ---- */
  --pochva:    #3D5A8C;   /* Почва — устойчивость */
  --rostok:    #5E7DA8;   /* Росток — вера в себя */
  --vetv:      #152238;   /* Ветвь — среда и отношения */
  --tsvetenie: #C2A26B;   /* Цветение — смысл */
  --plod:      #9C5A60;   /* Плод — полнота жизни вдолгую */

  /* ---- Волосяные линии ---- */
  --hair-on-light: rgba(17, 28, 46, 0.14);
  --hair-on-dark:  rgba(250, 246, 236, 0.16);

  /* ============ СЕМАНТИКА (дневной, меловой режим) ============ */
  --bg-page:        #F4EEDF;
  --surface-card:   #FDFAF1;  /* лист светлее фона: лежит на столе, не вдавлен */
  --surface-doc:    #FFFDF6;  /* бумага документов, ещё белее */
  --surface-invert: var(--midnight);     /* тёмная вставка на светлом */

  --text-strong: var(--ink);
  --text-body:   var(--ink);
  --text-muted:  var(--ink-soft);
  --text-faint:  var(--ink-faint);

  --border: var(--hair-on-light);

  --action:      linear-gradient(180deg,#1E3050 0%,#152238 55%,#0F1929 100%);  /* чернильный материал, свет сверху */
  --shadow-card: 0 1px 2px rgba(17,28,46,.05), 0 8px 24px rgba(17,28,46,.07), inset 0 1px 0 rgba(255,255,255,.78);
  --action-shadow: inset 0 1px 0 rgba(250,246,236,.16), 0 2px 6px rgba(14,23,40,.30), 0 12px 26px rgba(14,23,40,.16);
  --action-ink:  var(--chalk);
  --link:        #3D5A8C;          /* чернила пера: «зачтено», «дальше» */

  --care-bg:   var(--rose-pale);
  --care-text: var(--rose-deep);

  --focus-ring: rgba(21, 34, 56, 0.35);
}

/* ============ ВЕЧЕРНИЙ РЕЖИМ (после 20:00 — полночь) ============ */
[data-theme="evening"] {
  --bg-page:        var(--midnight);
  --surface-card:   #22355A;
  --surface-doc:    #22355A;
  --surface-invert: var(--oxford);

  --text-strong: var(--chalk);
  --text-body:   rgba(250, 246, 236, 0.88);
  --text-muted:  var(--mist);
  --text-faint:  var(--mist-deep);

  --border: var(--hair-on-dark);

  --action:     linear-gradient(180deg,#FFFDF6 0%,#F4EEDF 100%);
  --shadow-card: 0 10px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(250,246,236,.05);
  --action-shadow: inset 0 -1px 0 rgba(17,28,46,.18), 0 2px 6px rgba(0,0,0,.35), 0 12px 28px rgba(0,0,0,.25);
  --action-ink: var(--midnight);
  --link:       var(--mist);

  --care-bg:   rgba(237, 178, 196, 0.14);
  --care-text: var(--rose);

  --focus-ring: rgba(250, 246, 236, 0.35);
}