/* Pulse — общая светлая тема.
 * Переопределяет CSS-переменные, которые одинаково называются
 * на всех страницах (--bg, --s1..s3, --border, --text, --muted...).
 * Подключать <link>'ом ПОСЛЕ основного <style> страницы не нужно —
 * достаточно после :root, т.к. селектор [data-theme] специфичнее.
 */
:root[data-theme="light"] {
  --bg:      #f0f2f8;
  --s1:      #ffffff;
  --s2:      #e8eaf2;
  --s3:      #dde0ed;
  --border:  rgba(0,0,0,0.08);
  --border2: rgba(0,0,0,0.13);
  --text:    #111122;
  --muted:   #7c7e96;
  --muted2:  #9799b4;
  /* Космет-переменные профиля наследуют светлый фон */
  --cosmetic-bg-top:    var(--bg);
  --cosmetic-bg-mid:    var(--s1);
  --cosmetic-bg-bottom: var(--bg);
}

/* Базовые элементы, которые часто задают фон напрямую */
:root[data-theme="light"] html,
:root[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}

/* Скроллбары на светлом фоне */
:root[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.18);
}