/* ═══════════════════════════════════════════════
   Общая палитра диаграмм.
   Тёмная схема живёт в :root каждого файла — это
   значение по умолчанию, оно работает при открытии
   диаграммы напрямую.
   Здесь: токены подложек (их не было) + светлый
   набор, который включается атрибутом data-theme.
   Атрибут ставит инлайн-скрипт в <head> по ?theme=.
   ═══════════════════════════════════════════════ */

/* ── подложки зон: тёмные значения по умолчанию ── */
:root {
  --tint-blue:    #090e18;
  --tint-green:   #07120e;
  --tint-purple:  #0d0913;
  --tint-yellow:  #100e06;
  --tint-orange:  #10090a;
  --tint-red:     #130808;
  --tint-cyan:    #080f10;
  --tint-neutral: #0c0e18;

  --shadow-node:  rgba(0, 0, 0, .5);
  --pill-bg:      rgba(10, 8, 14, .9);

  /* направляющие кольца и призрачная подпись в круговых диаграммах */
  --guide-ring:   rgba(255, 255, 255, .03);
  --guide-inner:  rgba(255, 255, 255, .02);
  --ghost-text:   rgba(255, 255, 255, .10);
}

/* ───────────────────────────────────────────────
   СВЕТЛАЯ. Селектор html[data-theme="light"] имеет
   специфичность выше :root, поэтому порядок
   подключения этого файла значения не имеет.
   Акценты затемнены до контраста 4.5:1 на белом.
   ─────────────────────────────────────────────── */
html[data-theme="light"] {
  /* поверхности */
  --bg:     #f5f6fa;
  --s1:     #ffffff;
  --card:   #ffffff;
  --border: #d7dae3;

  /* текст */
  --text:   #181a22;
  --muted:  #6e7484;

  /* акценты */
  --blue:   #2563eb;
  --green:  #0f7a38;
  --purple: #7c3aed;
  --orange: #c2410c;
  --yellow: #a16207;
  --red:    #dc2626;
  --cyan:   #0e7490;
  --indigo: #4f46e5;
  --sky:    #0369a1;
  --teal:   #0f766e;
  --pink:   #be185d;

  /* подложки зон — бледные заливки тех же оттенков */
  --tint-blue:    #eef4fd;
  --tint-blue-2:  #eaf1fc;
  --tint-green:   #ecfaf3;
  --tint-purple:  #f5eefd;
  --tint-yellow:  #fdf6e7;
  --tint-orange:  #fdf0e8;
  --tint-red:     #fdeeee;
  --tint-cyan:    #e9f8fb;
  --tint-neutral: #f2f3f7;

  /* чёрная тень на светлом выглядит грязно */
  --shadow-node:  rgba(30, 38, 66, .12);
  --pill-bg:      rgba(255, 255, 255, .92);

  --guide-ring:   rgba(24, 26, 34, .08);
  --guide-inner:  rgba(24, 26, 34, .05);
  --ghost-text:   rgba(24, 26, 34, .20);
}