/* worksetup.ru v3: токены «стопки плит». Слои: primitive -> semantic (тон плиты) -> component.
   Подключается после main.css и переопределяет прежние имена (--bg, --surface, --text, --brand, --cta). */

:root{
  /* primitive */
  --paper-100:#F6F3EC; --paper-200:#ECE8DD; --paper-line:#E1DBCC;
  --ink-900:#0B1020; --ink-800:#141B30; --ink-700:#10172b; --ink-line:#2A3452;
  --lime-400:#C8F25B; --lime-800:#3A6200; --lime-soft:#E8F3C9;
  --muted-on-paper:#4B5563; --muted-on-ink:#9AA3B8; --muted-on-lime:#2B370D;
  --r-slab:48px; --r-banner:32px; --r-field:14px; --r-pill:999px;
  --gutter:20px; --slab-pad:clamp(72px,8vw,128px); --content-max:1400px;
  --fs-display:clamp(2.75rem,5.4vw,6rem);
  --fs-h2:clamp(2.25rem,4.4vw,4.5rem);
  --fs-lead:clamp(1.125rem,1.5vw,1.5rem);
  /* semantic: страница по умолчанию (шапка, подвал, чужие страницы) = Paper */
  --bg:var(--paper-100); --bg-soft:var(--paper-200); --surface:#fff; --text:var(--ink-900);
  --muted:var(--muted-on-paper); --line:var(--paper-line);
  --brand:var(--lime-800); --brand-ink:#fff; --brand-soft:var(--lime-soft);
  --cta:var(--ink-900); --cta-ink:var(--lime-400);
  --shadow:none;
}
:root[data-theme="dark"]{
  --bg:var(--ink-900); --bg-soft:var(--ink-700); --surface:var(--ink-800); --text:#EEF0F6;
  --muted:var(--muted-on-ink); --line:var(--ink-line);
  --brand:var(--lime-400); --brand-ink:var(--ink-900); --brand-soft:#1d2a10;
  --cta:var(--lime-400); --cta-ink:var(--ink-900);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:var(--ink-900); --bg-soft:var(--ink-700); --surface:var(--ink-800); --text:#EEF0F6;
    --muted:var(--muted-on-ink); --line:var(--ink-line);
    --brand:var(--lime-400); --brand-ink:var(--ink-900); --brand-soft:#1d2a10;
    --cta:var(--lime-400); --cta-ink:var(--ink-900);
  }
}

/* тон плиты: переопределяет семантику внутри плиты, компоненты не меняются */
[data-tone="paper"],.demo{
  --slab-bg:var(--paper-100); --bg:var(--paper-100); --bg-soft:var(--paper-200); --surface:#fff; --text:var(--ink-900);
  --muted:var(--muted-on-paper); --line:var(--paper-line);
  --brand:var(--lime-800); --brand-ink:#fff; --brand-soft:var(--lime-soft);
  --cta:var(--ink-900); --cta-ink:var(--lime-400);
  --t1:var(--lime-800); --t2:#1d6f8f; --t3:#a3470f;
}
:root[data-theme="dark"] [data-tone="paper"],:root[data-theme="dark"] .demo{
  --slab-bg:var(--ink-800); --bg:var(--ink-800); --bg-soft:var(--ink-700); --surface:#1b2440; --text:#EEF0F6;
  --muted:var(--muted-on-ink); --line:var(--ink-line);
  --brand:var(--lime-400); --brand-ink:var(--ink-900); --brand-soft:#1d2a10;
  --cta:var(--lime-400); --cta-ink:var(--ink-900);
  --t1:var(--lime-400); --t2:#6fc3e0; --t3:#f0a15f;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) [data-tone="paper"],:root:not([data-theme="light"]) .demo{
    --slab-bg:var(--ink-800); --bg:var(--ink-800); --bg-soft:var(--ink-700); --surface:#1b2440; --text:#EEF0F6;
    --muted:var(--muted-on-ink); --line:var(--ink-line);
    --brand:var(--lime-400); --brand-ink:var(--ink-900); --brand-soft:#1d2a10;
    --cta:var(--lime-400); --cta-ink:var(--ink-900);
    --t1:var(--lime-400); --t2:#6fc3e0; --t3:#f0a15f;
  }
}
[data-tone="ink"]{
  --t1:var(--lime-400); --t2:#6fc3e0; --t3:#f0a15f;
  --slab-bg:var(--ink-900); --bg:var(--ink-900); --bg-soft:var(--ink-700); --surface:var(--ink-800); --text:#EEF0F6;
  --muted:var(--muted-on-ink); --line:var(--ink-line);
  --brand:var(--lime-400); --brand-ink:var(--ink-900); --brand-soft:#1d2a10;
  --cta:var(--lime-400); --cta-ink:var(--ink-900);
}
[data-tone="lime"]{
  --t1:var(--ink-900); --t2:#0b3d52; --t3:#6b2a05;
  --slab-bg:var(--lime-400); --bg:var(--lime-400); --bg-soft:rgba(11,16,32,.08); --surface:#fff; --text:var(--ink-900);
  --muted:var(--muted-on-lime); --line:rgba(11,16,32,.24);
  --brand:var(--ink-900); --brand-ink:var(--lime-400); --brand-soft:rgba(11,16,32,.1);
  --cta:var(--ink-900); --cta-ink:var(--lime-400);
}

/* тон на любом элементе задаёт и цвет текста */
[data-tone="paper"],[data-tone="ink"],[data-tone="lime"]{color:var(--text)}