/* ============================================================
   pandaludens.ru — design-токены
   Источник правды: брендбук (артефакт «Три рамки для азартной панды»)
   Правила:
   — рамка сайта монохромная («сцена»), материалы несут свои палитры;
   — два цвета-нити: синий = панда (идентичность), золото = индустрия
     (интерьер: кикеры, линии, ссылки); в шапке золота нет;
   — тёмная тема: бумага и чернила меняются местами, обложки
     материалов НЕ инвертируются;
   — для мелкого текста использовать *-text варианты цветов
     (--pl-gold-text, --pl-blue-text): базовые хексы — графике.
   ============================================================ */

/* метрические фолбэки: меньше скачков макета при догрузке вебшрифтов */
@font-face{
  font-family:'Unbounded-fallback';
  src:local('Arial Bold'), local('Arial');
  size-adjust:118%;
  ascent-override:96%;
  descent-override:24%;
  line-gap-override:0%;
}
@font-face{
  font-family:'Plex-fallback';
  src:local('Helvetica Neue'), local('Arial');
  size-adjust:101%;
  ascent-override:102%;
  descent-override:27%;
  line-gap-override:0%;
}
@font-face{
  font-family:'Lora-fallback';
  src:local('Georgia');
  size-adjust:97%;
  ascent-override:103%;
  descent-override:28%;
  line-gap-override:0%;
}

:root{
  color-scheme:light;

  /* --- сцена (светлая) --- */
  --pl-paper:#FAFAF8;
  --pl-ink:#141414;
  --pl-muted:#6B6B66;
  --pl-line:#E4E4DE;
  --pl-panel:#F2F2EE;

  /* --- нити --- */
  --pl-blue:#297EA3;        /* цвет панды, графика: знак, фокус, аватарки, OG */
  --pl-blue-text:#246E90;   /* синий для мелкого текста (бейджи идентичности) */
  --pl-gold:#C8951F;        /* золото графическое: линии, маркеры */
  --pl-gold-text:#8F6A12;   /* золото текстовое (контраст на бумаге) */
  --pl-field:#0F0D0A;       /* «фетр»: тёмные вставки с цифрами (константа) */
  --pl-field-text:#E8B33C;  /* золото на фетре (константа) */

  /* --- семантика --- */
  --pl-link:var(--pl-gold-text);
  --pl-link-hover:var(--pl-gold-text); /* ховер обозначаем толщиной подчёркивания */
  --pl-focus:var(--pl-blue);

  /* --- шрифты (все с кириллицей) ---
     Unbounded — заголовки и вывески; Lora — тело лонгридов;
     IBM Plex Sans — интерфейс и дата-тексты; JetBrains Mono — цифры,
     кикеры, код и служебные микроэлементы (ТГ-чип, тоггл, футер). */
  --pl-font-display:'Unbounded', 'Unbounded-fallback', system-ui, sans-serif;
  --pl-font-body:'IBM Plex Sans', 'Plex-fallback', system-ui, sans-serif;
  --pl-font-serif:'Lora', 'Lora-fallback', Georgia, serif;
  --pl-font-mono:'JetBrains Mono', ui-monospace, monospace;

  /* --- шкала типографики --- */
  --pl-h1:clamp(1.75rem, 4.5vw, 2.75rem);   /* Unbounded 700 */
  --pl-h2:clamp(1.375rem, 3vw, 1.875rem);   /* Unbounded 500/700 */
  --pl-h3:clamp(1.125rem, 2vw, 1.375rem);
  --pl-body:1.0625rem;                       /* 17px — оболочка */
  --pl-body-serif:1.125rem;                  /* 18px — лонгриды */
  --pl-small:0.875rem;                       /* 14px */
  --pl-caption:0.8125rem;                    /* 13px — подписи, чипы */
  --pl-micro:0.6875rem;                      /* 11px — теги, бейджи */
  --pl-kicker:0.75rem;                       /* 12px mono, caps, ls .14em */
  --pl-lh-tight:1.15;
  --pl-lh-body:1.65;
  --pl-lh-serif:1.7;

  /* --- сетка и отступы --- */
  --pl-maxw:1000px;
  --pl-maxw-text:72ch;
  --pl-space-1:4px;  --pl-space-2:8px;  --pl-space-3:16px;
  --pl-space-4:24px; --pl-space-5:40px; --pl-space-6:64px;
  --pl-radius:8px;
  --pl-radius-pill:999px;

  /* --- знак (путь относительно tokens.css).
     Знак один на обе темы, НЕ инвертируется: на тёмной сцене
     кладётся на белую подложку-рамку. --- */
  --pl-logo:url("logo/panda.png");
  accent-color:var(--pl-blue);
}

/* --- сцена (тёмная): бумага и чернила меняются местами.
   ВАЖНО: блок ниже и media-блок должны совпадать байт-в-байт. --- */
[data-theme="dark"]{
  color-scheme:dark;
  --pl-paper:#161616;
  --pl-ink:#F2F2EE;
  --pl-muted:#8E8E88;
  --pl-line:#2C2C28;
  --pl-panel:#1D1D1B;
  --pl-blue-text:#4FA3C7;
  --pl-gold:#E8B33C;
  --pl-gold-text:#E8B33C;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    color-scheme:dark;
    --pl-paper:#161616;
    --pl-ink:#F2F2EE;
    --pl-muted:#8E8E88;
    --pl-line:#2C2C28;
    --pl-panel:#1D1D1B;
    --pl-blue-text:#4FA3C7;
    --pl-gold:#E8B33C;
    --pl-gold-text:#E8B33C;
  }
}

/* ============================================================
   Палитры материалов («обложки») — НЕ инвертируются темой.
   --cov-acc — графика/линии; --cov-acc-text — мелкий текст (кикеры).
   ============================================================ */
.cover{color:var(--cov-ink); background:var(--cov-bg)}
.cover--underdog{ --cov-bg:#FBFAF6; --cov-ink:#16130D; --cov-acc:#C8951F; --cov-acc-text:#8F6A12; --cov-muted:#6F6858; --cov-line:#E5DFD2 }
.cover--age     { --cov-bg:#101418; --cov-ink:#E8ECEF; --cov-acc:#35D07F; --cov-acc-text:#35D07F; --cov-muted:#93A1AE; --cov-line:#242E38 }
.cover--spain   { --cov-bg:#F5F1E6; --cov-ink:#171310; --cov-acc:#B02318; --cov-acc-text:#B02318; --cov-muted:#6E6551; --cov-line:#D9D2BF }
.cover--game    { --cov-bg:#FFFFFF; --cov-ink:#16130D; --cov-acc:#C8402A; --cov-acc-text:#C8402A; --cov-muted:#6E6A5E; --cov-line:#E4E4DE }