/* ============================================================
   PELLETCORE WWW v08 — CONTROLLED GRADATION
   Утверждённая двухтональная система глав.
   Не трогает: тексты, значения, структуру, фото, карусели,
   lightbox, hero, логотип, навигацию, формы, JS, композицию.

   INDUSTRIAL DARK      — 00, 02, 04, 05, 08, 09
   WARM TECHNICAL PAPER — 01, 03, 06, 07

   Переходы: dark↔paper — жёсткий осознанный срез + акцентный
   штрих 60px у входа в главу; paper↔paper (06→07) — спокойное
   разделение уровнем фона + волосолиния.
   ============================================================ */

/* ---------- 1. Базовые регистры ---------- */
/* DARK-главы: продукт, архитектура, техника, доказательства, CTA */
#architecture,
#envelope{
  background:var(--g0);
  color:var(--dt0);
}
/* PAPER-главы: объяснение, аналитика, сырьё, применение.
   Один warm-paper мир, без stone-оттенков. */
#premise{
  background:var(--w0);
  color:var(--ink);
}
#process{
  background:var(--w0);        /* единый paper-уровень с 01 */
  color:var(--ink);
}
#feedstock{
  background:var(--w1);        /* уровень ниже — сырьевой регистр */
  color:var(--ink);
}
#applications{
  background:var(--w0);        /* поднятый уровень — после feedstock,
                                  чтобы 06→07 не сливались */
  color:var(--ink);
}

/* ---------- 2. Ремап тёмной типографики/линий в бывших light-главах ---------- */
#architecture, #envelope{
  --ink:#F2F3F4;
  --ink2:#AEB4BA;
  --ink3:#788087;
  --wline:#252B31;
  --wline-soft:#1C2126;
  --wpanel:#14191E;
  --tq-deep:#55BCEB;
}
/* приглушённый «призрачный» numeral процесса на тёмном не нужен —
   глава 03 остаётся на paper, так что правило не трогаем */

/* ---------- 3. Глава 04 на тёмном ---------- */
/* Прозрачные рендеры показываются без тени и фоновой подложки. */
#architecture .arch-stage img{
  filter:none;
}
/* Теги направлений на тёмном — неинтерактивные, без заливки-кнопки. */
#architecture .beyond-list li{
  background:transparent;
  border-color:#252B31;
  color:var(--dt1);
}
#architecture .beyond-dir{
  border-left-color:var(--tq);
  color:var(--tq);
}

/* ---------- 4. Глава 05 на тёмном ---------- */
#envelope .env-value .unit{ color:var(--ink3); }

/* ---------- 5. Stone-очистка paper-глав (01, 03, 06) ---------- */
#premise .tag .idx,
#premise .principle .id,
#feedstock .mat-link b{ color:var(--tq-deep); }
#feedstock .strip-item{ border-color:var(--wline); }
#feedstock .strip-item.active{ border-color:var(--tq-deep); }
#process .st-static .st-zone{ border-color:var(--wline); }

/* ---------- 6. Переходы ---------- */
/* dark↔paper: жёсткий срез + акцентный штрих у входа в главу */
#core, #architecture, #envelope, #delivery, #start,
#premise, #process, #feedstock, #applications{ position:relative; }
#core::before, #architecture::before, #envelope::before, #delivery::before, #start::before{
  content:""; position:absolute; top:0; left:var(--pad);
  width:60px; height:1px; background:var(--tq); opacity:.8; z-index:5;
}
#premise::before, #process::before, #feedstock::before, #applications::before{
  content:""; position:absolute; top:0; left:var(--pad);
  width:60px; height:1px; background:var(--tq-deep); opacity:.8; z-index:5;
}
/* paper→paper: у одной warm-paper системы соседние главы не должны
   сливаться — разделение уровнем фона + волосолиния */
#process{ border-top:1px solid var(--wline); }      /* 01 (w0) → 03 (w0) */
#feedstock{ border-top:1px solid var(--wline); }    /* 05 dark → 06 (w1): срез + линия */
#applications{ border-top:1px solid var(--wline); } /* 06 (w1) → 07 (w0) */