/* ============================================================
   SenseStars · Design Tokens
   ----------------------------------------------------------------
   Единый источник правды для цветов и тонов разделов.
   Меняется здесь — применяется везде. Не дублировать в компонентах.

   Применение:
     1) Импортировать в корне приложения один раз.
     2) На корневой элемент раздела ставить data-section="…"
        (altar | diary | connections | evolution | store).
     3) Для Навигатора дополнительно ставить data-tod через JS
        (см. tokens/time-of-day.js).
   ============================================================ */

/* ───── ОБЩАЯ ПАЛИТРА ───── */
:root {
    --bg: #16181d;
    --bg-elev: #1d1f25;
    --bg-elev-2: #25272e;
    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(255, 255, 255, 0.14);
    --text: #fafafa;
    --text-dim: #9a9da6;
    --text-muted: #5e616a;

    --accent: #b87333;
    --accent-bright: #d68a45;

    --signal-good: #7da66a;
    --signal-watch: #d4a847;
    --signal-warn: #c87060;
    --info: #6a90c8;

    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'Inter', -apple-system, sans-serif;
    --cosmos: linear-gradient(160deg, #0a1428 0%, #050b18 60%, #02050d 100%);
}

/* ============================================================
   I · НАВИГАТОР (altar) — динамика суток
   ============================================================ */
.app[data-section="altar"][data-tod="morning"] {
    --section-voice: #d68a45;
    --section-bg: #181614;
    --halo-color: rgba(214, 138, 69, 0.11);
    --halo-strength: 1;
}
.app[data-section="altar"][data-tod="day"] {
    --section-voice: #b87333;
    --section-bg: #16181d;
    --halo-color: rgba(184, 115, 51, 0.05);
    --halo-strength: 0.6;
}
.app[data-section="altar"][data-tod="evening"] {
    --section-voice: #d4825a;
    --section-bg: #1a1614;
    --halo-color: rgba(212, 130, 90, 0.12);
    --halo-strength: 1;
}
.app[data-section="altar"][data-tod="night"] {
    --section-voice: #8aa0b8;
    --section-bg: #14161c;
    --halo-color: rgba(138, 160, 184, 0.09);
    --halo-strength: 1;
}

/* ============================================================
   II · Я (diary)
   ============================================================ */
.app[data-section="diary"] {
    --section-voice: #c8a26a;
    --section-bg: #1a1714;
    --halo-color: rgba(200, 162, 106, 0.09);
}

/* ============================================================
   III · ОКРУЖЕНИЕ (connections)
   ============================================================ */
.app[data-section="connections"] {
    --section-voice: #8aa8b8;
    --section-bg: #131720;
    --halo-color: rgba(138, 168, 184, 0.10);
}

/* ============================================================
   IV · АССИСТЕНТ (evolution)
   ============================================================ */
.app[data-section="evolution"] {
    --section-voice: #c4b07a;
    --section-bg: #181715;
    --halo-color: rgba(196, 176, 122, 0.10);
}

/* ============================================================
   V · МАГАЗИН (store)
   ============================================================ */
.app[data-section="store"] {
    --section-voice: #b85a4d;
    --section-bg: #1c1614;
    --halo-color: rgba(184, 90, 77, 0.10);
}

/* ============================================================
   HALO — пока только для altar (он перерисован в Editorial v3).
   Остальные разделы получат halo, когда их разметку перепишут
   и удалят их собственный фон.
   ============================================================ */
.app[data-section="altar"]::before,
.app[data-section="diary"]::before,
.app[data-section="connections"]::before,
.app[data-section="evolution"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 420px;
    height: 340px;
    background: radial-gradient(
        ellipse 80% 100% at 50% 0%,
        var(--halo-color, transparent) 0%,
        transparent 75%
    );
    pointer-events: none;
    z-index: 0;
}