/*
 LaRicco design tokens, «Рикко» (возврат к дизайну 22.09, 14.10.2026): тёплый кремовый лист, почти чёрная типографика, один красный,
 пастельные карточки (мята, роза, сирень, масло), тёмные «ночные» блоки с большим скруглением, Рикко как проводник.
 Заголовки: Golos 800, обычный регистр, плотный трекинг. Unbounded только в логотипе и гигантском слове в подвале.
 Удобство (навигация, подсказки, доступность, один вопрос на блок) взято из практик Apple HIG, внешний вид нет.
 Тема одна, светлая; тёмный блок задаёт класс .night.
 Layer order is declared once here; every other public stylesheet writes into one of these layers.
 /brand.css (CMS settings) is unlayered on purpose: it may override --accent.
*/
@layer tokens, base, components, plan, pages, print;

@font-face{font-family:Golos;src:url('/static/fonts/GolosText.woff2?v=sub-1') format('woff2');font-weight:400 900;font-display:swap}
/* Subset by scripts/subset_fonts.py: Cyrillic + Latin. Unbounded: логотип и гигантское слово в подвале. */
@font-face{font-family:Unbounded;src:url('/static/fonts/Unbounded.woff2?v=sub-1') format('woff2');font-weight:300 900;font-display:swap}

@layer tokens{
:root{
 color-scheme:light;

 /* Brand inputs (CMS may override --accent) */
 --paper:#f8f6f0;      /* тёплый крем: фон страницы */
 --ink:#20201e;        /* почти чёрный: текст */
 --accent:#d52c36;

 /* Surfaces */
 --card:#fffdf8;
 --paper-sunken:#f0ede4;
 --paper-deep:#e4e0d3;
 --cream:#f8f6f0;
 --fog:#ece7dc;
 --night:#232321;      /* тёмные блоки: «Рабочий стол», подвал */
 --night-2:#2e2e2b;
 --veil:color-mix(in oklab,var(--paper) 92%,transparent);
 --glass:color-mix(in oklab,var(--paper) 82%,transparent);
 --glass-filter:saturate(140%) blur(16px);

 /* Ink ramp on the cream page: ink 15:1, ink-2 7.6:1, ink-3 6:1 */
 --ink-2:#4f4e47;
 --ink-3:#5e5d54;
 --rule:color-mix(in oklab,var(--ink) 13%,transparent);
 --rule-strong:color-mix(in oklab,var(--ink) 30%,transparent);
 --field-line:color-mix(in oklab,var(--ink) 48%,transparent);

 /* Red: --action is red TEXT on cream (5.4:1), --button is the filled pill (white text 4.9:1), --accent is marks and charts */
 --action:#b61f29;
 --action-press:#9a1a22;
 --button:#d52c36;
 --button-hover:#b81f29;
 --on-button:#fffdf8;
 --glow:0 10px 24px -12px rgb(213 44 54 / .55);
 --accent-wash:color-mix(in oklab,var(--accent) 10%,var(--card));
 --focus-ring:color-mix(in oklab,var(--accent) 40%,transparent);
 --focus-ring-solid:#164fab;

 /* Pastel tints (surfaces only, never text) */
 --mint:#e1eadb;
 --rose:#f2d8d6;
 --lilac:#e4dff0;
 --butter:#f5ecc8;
 --sky:#dbe8ee;
 --highlight:#f6e28b;

 /* Chart roles */
 --c-hit:#d52c36;
 --c-rest:#8a877c;
 --c-grid:color-mix(in oklab,var(--ink) 10%,transparent);

 /* Semantic states */
 --ok:#285f43;
 --ok-wash:#e1eadb;
 --warn:#77501b;
 --bad:#a9202d;
 --bad-wash:#f6dcdc;

 /* Type: Golos for everything, Unbounded for the wordmark */
 --font-display:Golos,system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-text:Golos,system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-brand:Unbounded,Golos,system-ui,sans-serif;
 --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --track-display:-.035em;
 --track-label:.01em;
 --track-eyebrow:.14em;
 --t-display:clamp(2.75rem,1.2rem + 6.2vw,7rem);
 --t-hero:clamp(2.5rem,1rem + 4.4vw,4.75rem);
 --t-h1:clamp(2.4rem,1rem + 4.6vw,5rem);
 --t-h1-text:clamp(1.9rem,1rem + 2.6vw,3.25rem);
 --t-h2:clamp(1.9rem,1rem + 2.6vw,3.25rem);
 --t-h3:clamp(1.2rem,1rem + .75vw,1.75rem);
 --t-lead:clamp(1.0625rem,.98rem + .45vw,1.3125rem);
 --t-body:1.0625rem;
 --t-sm:.9375rem;
 --t-xs:.8125rem;
 --t-label:.75rem;
 --t-number:clamp(2.75rem,1.4rem + 4vw,5rem);

 /* Space: 4px base */
 --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
 --section:clamp(64px,5vw + 28px,112px);
 --gutter:clamp(20px,3.6vw,48px);
 --wrap:1240px;
 --wrap-narrow:1024px;
 --measure:68ch;
 --header-h:76px;

 /* Shape. Cards 28-32, inner panels 20-24, fields 14, buttons and chips pill */
 --r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-sheet:40px;--r-pill:999px;
 --line:1px solid var(--rule);
 --hairline:1px solid var(--rule);

 /* Depth: мягкие тени тёплого чёрного, без стекла и свечения */
 --lift-1:0 1px 0 rgb(32 32 30 / .04);
 --lift-2:0 18px 40px -22px rgb(32 32 30 / .32),0 1px 0 rgb(32 32 30 / .04);
 --lift-3:0 -18px 40px -22px rgb(32 32 30 / .28);
 --float:0 24px 60px -20px rgb(32 32 30 / .4),0 2px 0 rgb(32 32 30 / .04);

 /* Motion: 140/220/320 ms, мягкое замедление, без отскока */
 --ease-apple:cubic-bezier(.28,.11,.32,1);
 --ease-out:cubic-bezier(.16,1,.3,1);
 --ease-spring:cubic-bezier(.16,1,.3,1);
 --ease-in-out:cubic-bezier(.65,0,.35,1);
 --ease-pop:cubic-bezier(.34,1.56,.64,1);   /* наклейка «приклеилась»: лёгкий перелёт, только для знаков и стикеров */
 --d-1:140ms;--d-2:220ms;--d-3:320ms;--d-4:480ms;

 /* Layers */
 --z-sticky:20;--z-header:50;--z-toast:90;--z-grain:200;

 /* Retired sketch textures (kept as no-ops for old markup) */
 --marker:none;
 --grain:none;

 /* Legacy aliases: consumed by the scoped content-plan stylesheet and CMS-rendered markup */
 --surface:var(--card);--soft:var(--paper-sunken);--border:var(--rule);--strong-border:var(--rule-strong);
 --secondary-ink:var(--ink-2);--muted:var(--ink-3);--action-hover:var(--action-press);--focus:var(--ink);
 --font-body:var(--font-text);--wordmark:var(--font-brand);--mono:var(--font-mono);--text:var(--font-text);
 --radius:var(--r-md);--container:var(--wrap);--header-height:var(--header-h);
 --duration-ui:var(--d-2);--duration-fast:var(--d-1);--h1:var(--t-h1);--error:var(--bad);
}
@media (max-width:640px){:root{--header-h:64px}}
}