/* ============================================================================
   Табели — «Рабочая ведомость» · дизайн-токены
   Подключать первым стилем. Светлая тема «Бумага» — :root, тёмная «Карбон» —
   [data-theme="carbon"]. Все цвета/типографика/радиусы берутся отсюда.
   ============================================================================ */
:root {
  /* ── Бумага (светлая) ── */
  --paper:    #F6F1E6;  /* фон страницы            */
  --paper-2:  #EFE8D7;  /* выходные, второй слой   */
  --paper-3:  #E5DCC4;  /* пустые/неактивные дни   */
  --surface:  #FCFAF3;  /* карточки, ячейки смен   */
  --ink:      #14233A;  /* основной текст, линии   */
  --ink-2:    #3D4A5E;  /* вторичный текст         */
  --ink-3:    #6E7A8E;  /* подписи, мета           */
  --rule:     #C8BFA8;  /* сильная линейка         */
  --rule-2:   #E2D9C2;  /* слабая линейка          */

  /* ── Семантика ── */
  --accent:   #1D3F7A;  /* действия, дневная смена */
  --accent-2: #2C56A0;  /* hover акцента           */
  --accent-bg:#E3EAF4;  /* подложка смены          */
  --red:      #9C2C2C;  /* праздник + destructive  */
  --red-bg:   #F1DFD9;
  --green:    #2F6F3E;  /* сверхурочно, успех      */
  --green-bg: #DEE9DB;
  --amber:    #8A6A1F;  /* отсутствие, предупр.    */
  --amber-bg: #EFE4CC;
  --steel:    #35617E;  /* инфо, вечерняя смена    */

  /* ── Типографика ── */
  --font-sans:  'IBM Plex Sans', system-ui, sans-serif;
  --font-serif: 'IBM Plex Serif', Georgia, serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, monospace;
  --fs-body:   14px;   /* интерфейс (десктоп; 16px на мобильном) */
  --fs-meta:   11px;   /* mono-метаданные                       */
  --fs-label:  10px;   /* mono-метки полей/колонок (uppercase)  */

  /* ── Форма ── */
  --radius:     3px;   /* карточки, кнопки, инпуты              */
  --radius-pill:3px;   /* пилюли смен — НЕ скругляем в круг     */
  --radius-mob: 6px;   /* мобильные карточки дня                */
  --shadow:     0 1px 3px rgba(40,30,10,.10);
  --shadow-modal: 8px 8px 0 rgba(20,35,58,.15);  /* печатное «смещение» */
  --hairline-bg: linear-gradient(transparent calc(28px - 1px), rgba(20,35,58,.025) calc(28px - 1px));
  --hairline-size: 100% 28px;  /* «бумага в линейку» под текст */
}

[data-theme="carbon"] {
  --paper:    #0E1626;
  --paper-2:  #0C1322;
  --paper-3:  #16203A;
  --surface:  #16203A;
  --ink:      #E9E4D5;
  --ink-2:    #9BA5B7;
  --ink-3:    #5E6A82;
  --rule:     #2A3650;
  --rule-2:   #202B45;
  --accent:   #7AA2E8;
  --accent-2: #9DBCF0;
  --accent-bg:rgba(122,162,232,.16);
  --red:      #E18B8B;  --red-bg:  rgba(225,139,139,.12);
  --green:    #84C394;  --green-bg:rgba(132,195,148,.12);
  --amber:    #D8B567;  --amber-bg:rgba(216,181,103,.14);
  --steel:    #6FB0C9;
  --shadow:   0 1px 4px rgba(10,16,30,.30);
}