@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
/* Общие токены Cibomio. Эталон — главная эфиров (/frontend/live/#overview), значения сняты с неё.
   Подключают эфиры, магазин мастера и студия; новый сайт переходит на них отдельно.
   Тема: тёмная по умолчанию; светлая — body[data-live-theme="light"] (эфиры) body[data-theme="light"] (магазин) или html[data-theme="light"] (студия),
   переключатель общий — localStorage cibo_live_theme. */
:root{
  --cb-bg:#0f0f0f;        /* фон страницы */
  --cb-top:#111213;       /* шапка и левое меню */
  --cb-panel:#171819;     /* карточка, поле */
  --cb-chip:#252627;      /* кнопка-плашка, фильтр */
  --cb-hover:#303233;
  --cb-line:#272a2b;
  --cb-text:#f5f5f5;
  --cb-muted:#aaaeb0;
  --cb-accent:#39ae64;    /* теги, главная кнопка, точка в логотипе */
  --cb-active:#153e29;    /* активный пункт меню */
  --cb-badge:#ff3046;     /* «в эфире», ошибка */
  --cb-font:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --cb-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --cb-radius:10px;       /* пункты меню, карточки */
  --cb-radius-sm:8px;     /* фильтры */
  --cb-header-h:70px;
  --cb-rail-w:210px;
  --cb-rail-inset:22px;    /* меню на фоне страницы с отступом от края и шапки — как в разделах эфиров (#watch) */
  color-scheme:dark;
}
body[data-live-theme="light"],body[data-theme="light"],html[data-theme="light"]{
  --cb-bg:#f8f9f7;--cb-top:#fff;--cb-panel:#fff;--cb-chip:#eef1ed;--cb-hover:#e6eee6;--cb-line:#e2e7e1;
  --cb-text:#17231b;--cb-muted:#62716a;--cb-accent:#237e43;--cb-active:#e0f0e2;--cb-badge:#d72f43;
  color-scheme:light;
}