/* Дизайн-система хаба. Перенесено из тикета 01 (закрыт) — исходный референс:
   docs/design/hub-skill-tree-reference.html.

   Здесь только значения, ни одного правила раскладки: раскладка живёт в hub.css
   и переживает смену стиля. Правила языка, которые НЕЛЬЗЯ нарушать при правках,
   записаны в тикете 01 — коротко:
     * ровно две формы: шестиугольник = узел дерева, .facet = всё остальное;
     * цвет — редкое событие: в покое всё монохромно, цвет только на
       активном/выбранном (ambient-тонировку стволов уже отвергли, не возвращать);
     * один цвет на категорию через --live, сквозно по активной зоне;
     * свечение двухслойное: узкое ядро + широкий ореол;
     * hover высветляет к нейтральному --ink, НЕ к цвету категории. */

:root {
  /* поверхности */
  --bg:          #06080A;
  --surface:     #0A0D11;
  --surface-2:   #10141A;
  --surface-3:   #161C24;

  /* текст */
  --ink:         #E8ECEF;
  --ink-muted:   #6E7885;
  --ink-faint:   #3E4550;

  --border:      #1E2530;

  /* цвет на категорию: --live переключается на активную ветку, всё остальное
     (рамка узла, кольцо, линия, kicker, кнопка) читает только --live */
  --cat-services: #4FD8FF;
  --cat-tools:    #7C93FF;
  --cat-projects: #B07CFF;
  --live:         var(--cat-services);

  --locked:      #232A34;
  --accent-ink:  #04070A;

  /* типографика */
  --font-display: 'Orbitron', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Rajdhani', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'Share Tech Mono', ui-monospace, "SF Mono", Menlo, monospace;

  /* сетка: всё кратно одной единице; --cut — единственный срез угла у .facet */
  --u: 8px;
  --cut: 10px;
}