:root{
  /* Базовая палитра — роли, не декор */
  --bumaga:#F0ECE1;        /* Бумага — основной фон светлой среды */
  --poverhnost:#E2DCCB;    /* Поверхность — карточки на светлом */
  --pyl:#CFC7B4;           /* Пыль — разделители, границы */
  --pyl-text:#8A7E68;      /* Пыль (текст) — вторичный текст на светлом */
  --tush:#241811;          /* Тушь — текст на светлом */
  --karandash:#1E45FB;     /* Карандаш — единственный акцент на светлом */
  --karandash-wash:#DCE4FF;/* Карандаш, размытый — подложка выделения */
  --rec:#C4362B;           /* Рек — только ошибка/удаление/страйк */

  /* Тёмная среда */
  --noch:#1A120C;          /* Ночь — фон тёмной среды */
  --noch-poverhnost:#2A1D14;/* карточка на тёмном */
  --noch-granica:#3D2B1C;  /* граница на тёмном */
  --lider:#EDE4D4;         /* Лидер — текст на тёмном */
  --pyl-dark:#9A8570;      /* вторичный текст на тёмном */
  --karandash-dark:#5C7BFF;/* Карандаш ночной — акцент на тёмном */

  /* ——— Семантические алиасы: светлая среда (работаю: Студия, Хаб) ——— */
  --surface-page:var(--bumaga);
  --surface-card:var(--poverhnost);
  --surface-sunken:#E8E2D4;
  --border-hairline:var(--pyl);
  --border-strong:var(--tush);
  --text-body:var(--tush);
  --text-muted:var(--pyl-text);
  --text-inverse:var(--lider);
  --accent:var(--karandash);
  --accent-wash:var(--karandash-wash);
  --danger:var(--rec);
  --focus-ring:var(--karandash);

  /* ——— Семантические алиасы: тёмная среда (слушаю: Поток, плеер, витрина) ——— */
  --dark-surface-page:var(--noch);
  --dark-surface-card:var(--noch-poverhnost);
  --dark-border-hairline:rgba(237,228,212,.14);
  --dark-text-body:var(--lider);
  --dark-text-muted:var(--pyl-dark);
  --dark-accent:var(--karandash-dark);
}

/* Тёмная среда включается классом/атрибутом, а не системной настройкой:
   это функциональное деление «слушаю / работаю». */
[data-sreda="noch"]{
  --surface-page:var(--noch);
  --surface-card:var(--noch-poverhnost);
  --surface-sunken:#221710;
  --border-hairline:rgba(237,228,212,.14);
  --border-strong:var(--lider);
  --text-body:var(--lider);
  --text-muted:var(--pyl-dark);
  --text-inverse:var(--tush);
  --accent:var(--karandash-dark);
  --accent-wash:rgba(92,123,255,.18);
  --focus-ring:var(--karandash-dark);
}