/* =============================================================
   pingvids — design tokens
   Подключать первым на каждой странице без исключения.
   Содержит только CSS-переменные и переключение тем.
   ============================================================= */

/* ── Тёмная тема (по умолчанию) ─────────────────────────── */
:root {
  /* Фон */
  --bg:    #000000;
  --bg-s:  #0e0e1c;   /* surface   — карточки, хедер, футер */
  --bg-r:  #13131f;   /* raised    — инпуты, кнопки-призраки */

  /* Акцент */
  --ac:    #534AB7;
  --ac-h:  #4A43A3;   /* hover     */
  --ac-s:  rgba(83,74,183,.15);   /* подложка  */
  --ac-b:  rgba(83,74,183,.30);   /* граница   */

  /* Текст (вторичные тиры чуть подняты по контрасту — 2026-06) */
  --txt:   #FFFFFF;
  --txt2:  rgba(255,255,255,.68);
  --txt3:  rgba(255,255,255,.44);
  --txt4:  rgba(255,255,255,.26);

  /* Границы */
  --brd:   rgba(255,255,255,.07);
  --brd2:  rgba(255,255,255,.12);

  /* Семантические цвета */
  --ok:    #1D9E75;   --ok-s:   rgba(29,158,117,.15);
  --sp:    #EF9F27;   --sp-s:   rgba(239,159,39,.12);
  --lk:    #34d399;   --lk-d:   rgba(52,211,153,.14);
  --ds:    #f87171;   --ds-d:   rgba(248,113,113,.14);
  --warn:  #BA7517;   --warn-s: rgba(186,117,23,.13);
  --err:   #A32D2D;   --err-s:  rgba(163,45,45,.13);

  /* Категории контента */
  --c-m:   #378ADD;   --c-ms:  rgba(55,138,221,.18);
  --c-f:   #D4537E;   --c-fs:  rgba(212,83,126,.18);
  --c-mix: #EF9F27;

  /* Шрифты */
  --font:  'Inter', -apple-system, sans-serif;
  --brand: 'Unbounded', sans-serif;
  --mono:  'JetBrains Mono', monospace;

  /* Анимации */
  --t:     .14s ease;                         /* быстро  */
  --ts:    .26s cubic-bezier(.4,0,.2,1);      /* стандарт */
  --tss:   .38s cubic-bezier(.4,0,.2,1);      /* плавно  */

  /* Лейаут */
  --max-w:       480px;   /* максимальная ширина оболочки */
  --hdr:         52px;    /* высота хедера                */
  --nav:         60px;    /* высота нижней навигации      */
  --ad:          42px;    /* высота баннерной строки      */

  /* Скругления */
  --r-s:    8px;
  --r-m:    12px;
  --r-l:    16px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* Backward-compat алиасы (унаследовано из ранних страниц 8.F, balance,
     camera, chat, collections_*, info/*). Перевод на --r-* — постепенный. */
  --radius-s:    var(--r-s);
  --radius-m:    var(--r-m);
  --radius-l:    var(--r-l);
  --radius-xl:   var(--r-xl);
  --radius-pill: var(--r-pill);
  --accent:      #AFA9EC;       /* лиловый акцент-текст (= цвет внутри ac-s) */
  --stream-round: 280px;        /* диаметр big-video на stream_view */
}

/* ── Светлая тема — системные настройки ──────────────────── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg:    #f2f2f8;
    --bg-s:  #ffffff;
    --bg-r:  #e8e8f0;

    --txt:   #0d0d1a;
    --txt2:  rgba(13,13,26,.72);
    --txt3:  rgba(13,13,26,.54);
    --txt4:  rgba(13,13,26,.34);

    --brd:   rgba(13,13,26,.09);
    --brd2:  rgba(13,13,26,.16);

    --ac:    #4A43A3;
    --ac-h:  #3d3794;
    --ac-s:  rgba(74,67,163,.16);
    --ac-b:  rgba(74,67,163,.40);

    --ok-s:  rgba(29,158,117,.12);
    --sp-s:  rgba(239,159,39,.10);
    --lk-d:  rgba(52,211,153,.12);
    --ds-d:  rgba(248,113,113,.12);
    --warn-s:rgba(186,117,23,.10);
    --err-s: rgba(163,45,45,.10);
    --c-ms:  rgba(55,138,221,.14);
    --c-fs:  rgba(212,83,126,.14);

    /* Акцент-текст активных элементов: на светлом тёмно-лиловый (читаемый),
       а не бледный #AFA9EC, который сливался с фоном. */
    --accent: #4A43A3;
  }
}

/* ── Светлая тема — явный выбор пользователя ─────────────── */
[data-theme="light"] {
  --bg:    #f2f2f8;
  --bg-s:  #ffffff;
  --bg-r:  #e8e8f0;

  --txt:   #0d0d1a;
  --txt2:  rgba(13,13,26,.72);
  --txt3:  rgba(13,13,26,.54);
  --txt4:  rgba(13,13,26,.34);

  --brd:   rgba(13,13,26,.09);
  --brd2:  rgba(13,13,26,.16);

  --ac:    #4A43A3;
  --ac-h:  #3d3794;
  --ac-s:  rgba(74,67,163,.16);
  --ac-b:  rgba(74,67,163,.40);

  --ok-s:  rgba(29,158,117,.12);
  --sp-s:  rgba(239,159,39,.10);
  --lk-d:  rgba(52,211,153,.12);
  --ds-d:  rgba(248,113,113,.12);
  --warn-s:rgba(186,117,23,.10);
  --err-s: rgba(163,45,45,.10);
  --c-ms:  rgba(55,138,221,.14);
  --c-fs:  rgba(212,83,126,.14);

  /* Акцент-текст активных элементов: на светлом тёмно-лиловый (читаемый),
     а не бледный #AFA9EC, который сливался с фоном. */
  --accent: #4A43A3;
}

/* Светлая тема: фон страницы и тень оболочки */
[data-theme="light"] body { background: #dddde8; }
[data-theme="light"] .shell {
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 16px 48px rgba(0,0,0,.12);
}

/* ── Фильтр 18+ ───────────────────────────────────────────── */
/* prefs.js устанавливает data-no-adult на <html>             */
/* страницы помечают взрослый контент классом adult-only      */
[data-no-adult] .adult-only { display: none !important; }