/* =========================================================================
   ДИЗАЙН-ЗАКОН ПОРТАЛА psiholog-anisiforov.ru — токены
   Три палитры. Менять ТОЛЬКО здесь: ни один цвет не пишется в компонентах.
   Собрано 27.08.2026. Все пары текст/фон проверены на контраст ≥ 4.5:1.
   ========================================================================= */

/* ---------- ПАЛИТРА 1 · «Тёплая бумага и сурик» — светлая база ---------- */
/* Продающие страницы днём, статьи, первый экран. Палитра по умолчанию.    */
:root,
[data-palette="bumaga"]{
  --paper:#F1F0EA;        /* фон страницы */
  --inset:#E6E4DC;        /* утопленные зоны, подложки демо */
  --panel:#FBFAF6;        /* карточки, таблицы, поля */
  --ink:#1A1C1D;          /* основной текст */
  --muted:#5F5E57;        /* вторичный текст, подписи */
  --rule:#CFCCC1;         /* тонкая линия */
  --rule-strong:#22241F;  /* жирная линия, рамки блоков */
  --acc:#C0391A;          /* АКЦЕНТ: заливка кнопок, подчёркивания */
  --acc-ink:#A63012;      /* акцент как текст на светлом */
  --acc-soft:#F3DED5;     /* выделение, ::selection */
  --on-acc:#FFFFFF;       /* текст на акцентной заливке */
  --ok:#3C6E4B;
  --warn:#8E6410;
  --grid:rgba(26,28,29,.065);
  --photo-filter:grayscale(.15) sepia(.10) contrast(1.05) brightness(1.01);
}

/* ---------- ПАЛИТРА 2 · «Графит с оранжевым» — тёмная база -------------- */
/* Тёмная тема тех же страниц. Вечерний просмотр с телефона.               */
[data-palette="grafit"]{
  --paper:#131416;
  --inset:#1E2023;
  --panel:#1A1C1F;
  --ink:#E8E5DD;
  --muted:#9C9A92;
  --rule:#34363A;
  --rule-strong:#C6C3B9;
  --acc:#F26A38;
  --acc-ink:#F4805A;
  --acc-soft:#37241C;
  --on-acc:#17191D;
  --ok:#7EBA8B;
  --warn:#D6A44F;
  --grid:rgba(232,229,221,.055);
  --photo-filter:grayscale(.25) sepia(.12) contrast(1.08) brightness(.96);
}

/* ---------- ПАЛИТРА 3 · «Графит с кислотой» — тёмная ударная ------------ */
/* Отдельные страницы-события: тесты, лендинги под кампанию, игра, курс.   */
[data-palette="kislota"]{
  --paper:#17191D;
  --inset:#212429;
  --panel:#1C1F24;
  --ink:#EDEBE4;
  --muted:#9BA0A8;
  --rule:#33363C;
  --rule-strong:#C9CCD2;
  --acc:#C6F23E;
  --acc-ink:#D3F567;
  --acc-soft:#2A3316;
  --on-acc:#17191D;       /* на кислоте текст ТЁМНЫЙ, белый по ней не читается */
  --ok:#8ED49C;
  --warn:#E3C24A;
  --grid:rgba(237,235,228,.05);
  --photo-filter:grayscale(.9) contrast(1.12) brightness(.92);
}

/* ---------- Автопара светлая/тёмная ------------------------------------- */
/* Пользователь не выбрал тему руками → идём за системой.                   */
@media (prefers-color-scheme: dark){
  :root:not([data-palette]){
    --paper:#131416; --inset:#1E2023; --panel:#1A1C1F;
    --ink:#E8E5DD; --muted:#9C9A92;
    --rule:#34363A; --rule-strong:#C6C3B9;
    --acc:#F26A38; --acc-ink:#F4805A; --acc-soft:#37241C; --on-acc:#17191D;
    --ok:#7EBA8B; --warn:#D6A44F;
    --grid:rgba(232,229,221,.055);
    --photo-filter:grayscale(.25) sepia(.12) contrast(1.08) brightness(.96);
  }
}

/* ---------- Типографика -------------------------------------------------- */
:root{
  --font-display:Oswald,'Golos Text',Impact,sans-serif;   /* заголовки, ВЕРХНИЙ РЕГИСТР */
  --font-text:'Golos Text','Segoe UI',Arial,sans-serif;   /* весь текст */
  --font-mono:'IBM Plex Mono','Courier New',monospace;    /* подписи, цифры, метки */

  --t-hero:clamp(42px,9.2vw,104px);
  --t-h2:clamp(28px,5vw,46px);
  --t-h3:19.5px;
  --t-lede:19px;
  --t-body:17px;
  --t-small:14.5px;
  --t-label:11px;      /* mono, letter-spacing .16em, uppercase */
  --lh-tight:.98;
  --lh-head:1.02;
  --lh-body:1.62;
}

/* ---------- Шаг сетки ---------------------------------------------------- */
:root{
  --s1:6px; --s2:12px; --s3:18px; --s4:26px; --s5:40px; --s6:64px; --s7:96px;
  --wrap:920px;          /* колонка контента */
  --measure:70ch;        /* длина строки текста */
  --radius:0;            /* скруглений нет: рамки прямые */
  --border:1.5px;
}