/* ════════════════════════════════════════════════════════════════════
   PINGWIN · «Витрина» — токены журнала записи.
   Описание облика: design.md в корне project-pingwin (3.0 от 08.10.2026),
   раздел 13.4. До неё была «Бумага» — design-bumaga.md.

   ⛔ ПОДКЛЮЧАТЬ ПЕРВЫМ, до app.css. Он задаёт только переменные; значения старых
   имён (--bg, --panel, --ink, --accent …) переопределяет сам app.css в своём :root,
   и если токенов к тому моменту нет, он получит пустоту.

   ⛔ Гостевая форма /guest этот файл НЕ подключает и подключать не должна: у неё
   «Ночная витрина» — облик приложения гостей, он другой по замыслу (1.46.0).

   ⚠️ Приставка --pw- обязательна. У журнала свои --bg, --line, --accent, и без
   приставки мост «--accent: var(--accent)» стал бы циклической ссылкой — браузер
   выбросил бы свойство целиком, а не «взял бы прежнее значение».
   ════════════════════════════════════════════════════════════════════ */

/* ── Шрифт ─────────────────────────────────────────────────────────────
   Системный: на Mac и iPhone это SF Pro (файлом его подключать лицензия Apple
   запрещает), на Windows и Android — Inter своими файлами (assets/fonts, OFL),
   без сторонних CDN. Файлы скопированы из pingwin-staff/public/fonts — тот же
   набор и те же диапазоны, чтобы облик рабочих экранов сети совпадал. */
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-cyrillic-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-cyrillic-wght-normal.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --pw-f-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,"Segoe UI",Roboto,sans-serif;
  --pw-f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,"Segoe UI",Roboto,sans-serif;

  --pw-canvas:#f5f5f7;
  --pw-surface:#ffffff;
  --pw-fill:rgb(N / .12);
  --pw-fill-2:rgb(N / .22);

  --pw-ink:#1d1d1f;
  /* ⛔ Серые на ступень темнее родных Apple: мелкий текст обязан давать 4,5 : 1.
     #86868b на #f5f5f7 — это 3,3. ink-2 проходит и на заливке, ink-3 — только на
     бумаге и холсте (на --pw-fill он даёт 4,1). */
  --pw-ink-2:#636366;
  --pw-ink-3:#6e6e73;
  --pw-ink-faint:rgb(60 60 67 / .30);   /* плейсхолдер и выключенное, не для чтения */
  --pw-on-accent:#ffffff;

  --pw-line:rgb(0 0 0 / .08);
  --pw-line-2:rgb(0 0 0 / .16);

  --pw-accent:#0066cc;                  /* заливка кнопки и выбранного */
  --pw-accent-press:#0058b0;
  --pw-accent-soft:rgb(N / .10);
  --pw-link:#0066cc;                    /* синий ТЕКСТ на бумаге и холсте */
  --pw-link-strong:#0058b0;             /* синий текст на бледно-синей подложке */
  --pw-focus:#0071e3;

  /* У состояний три роли, и путать их нельзя: заливка под белой буквой, цвет
     текста и бледная подложка под этим текстом. */
  --pw-good:#17703a;  --pw-good-soft:#e2f3e6;  --pw-good-fill:#1b7a36;
  --pw-warn:#a35a00;  --pw-warn-soft:#fbefdc;  --pw-warn-fill:#a35a00;
  --pw-bad:#c4291c;   --pw-bad-soft:#fbe8e7;   --pw-bad-fill:#c4291c;
  --pw-now:#e0251b;                     /* линия «сейчас» — не ошибка, а время */
  --pw-gold:#8a6410;                    /* знак Pingwin текстом, 5,4 : 1 */

  --pw-glass:rgb(N / .66);
  --pw-glass-edge:rgb(N / .80);
  --pw-glass-line:rgb(0 0 0 / .07);
  --pw-scrim:rgb(0 0 0 / .32);

  --pw-r-sheet:20px;
  --pw-r-panel:12px;
  --pw-r-card:10px;
  --pw-r-ctrl:11px;                     /* поле; всё нажимаемое — «таблетка» */
  --pw-r-item:6px;
  --pw-r-pill:999px;

  --pw-sh-float:0 12px 32px rgb(0 0 0 / .14), 0 2px 6px rgb(0 0 0 / .06);

  --pw-ease:cubic-bezier(.32,.72,0,1);
  --pw-t-fast:100ms;
  --pw-t-base:220ms;
}

/* Тёмной темы у журнала пока нет: он работает на стойке при свете, и ночная
   смена сидит в том же зале. Токены к ней готовы — не хватает решения
   разработчика и проверки на живой стойке (design.md §17). */

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}