/* Надпечатка · tokens.css
   Выведено из: Weltix · Estyl · Mirá · N2W · Beshkeat
   Цвета измерены по исходным изображениям проектов. */

:root{
  /* бумага и краска */
  --paper:#faf9f6;
  --paper-sunk:#ECE5D3;
  --paper-raise:#FFFCF3;
  --ink:#16130E;
  --ink-soft:#5D564A;
  --ink-faint:#8C8474;

  /* акценты */
  --ultra:#8d85ec;
  --ultra-tint:#8C86FF;
  --amber:#F2B100;
  --vermilion:#E8330A;
  --verdigris:#539a20;

  /* текст на плашке */
  --on-ultra:#FFFCF3;
  --on-amber:#16130E;
  --on-vermilion:#FFFCF3;
  --on-verdigris:#16130E;

  /* линейка */
  --rule:#16130E;
  --rule-soft:rgba(22,19,14,.16);
  --rule-w:1.5px;

  /* надпечатка: смена режима смешивания вместе с темой */
  --blend:multiply;

  /* радиус: модуль прямой, управление капсульное */
  --r-module:0px;
  --r-chip:999px;
  --r-field:4px;

  /* ритм */
  --u:8px;
  --gut:clamp(20px,4vw,44px);
  --col:1140px;

  /* время */
  --t-tap:120ms; --t-fast:200ms; --t-base:320ms; --t-slow:520ms; --t-story:900ms;

  /* кривые */
  --e-out:cubic-bezier(.16,.84,.24,1);
  --e-sharp:cubic-bezier(.76,0,.16,1);
  --e-press:cubic-bezier(.4,0,.6,1);
  --e-ink:cubic-bezier(.32,0,0,1);
  --e-spring:linear(0,.31 6%,.72 13%,1.02 19%,1.11 23%,1.13 26%,1.09 31%,1 39%,.96 45%,.95 50%,.98 60%,1.01 72%,1);

  /* шрифты */
  --f-disp:"Unbounded","Golos Text",system-ui,sans-serif;
  --f-text:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --f-mono:"Fira Code","SFMono-Regular",Menlo,monospace;

  color-scheme:light;
}

/* системная тёмная — только если пользователь не выбрал светлую явно */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#100D09; --paper-sunk:#0A0806; --paper-raise:#1C1811;
    --ink:#F4EFE2; --ink-soft:#A79E8C; --ink-faint:#6E665A;
    --ultra:#7A6BFF; --ultra-tint:#3B2CF0;
    --amber:#FFC633; --vermilion:#FF5B33; --verdigris:#5FC9D3;
    --on-ultra:#0A0806; --on-amber:#100D09; --on-vermilion:#100D09; --on-verdigris:#0A0806;
    --rule:#463F33; --rule-soft:rgba(244,239,226,.14);
    --blend:screen;
    color-scheme:dark;
  }
}
/* явный выбор пользователя перекрывает систему в обе стороны */
:root[data-theme="dark"]{
  --paper:#100D09; --paper-sunk:#0A0806; --paper-raise:#1C1811;
  --ink:#F4EFE2; --ink-soft:#A79E8C; --ink-faint:#6E665A;
  --ultra:#7A6BFF; --ultra-tint:#3B2CF0;
  --amber:#FFC633; --vermilion:#FF5B33; --verdigris:#5FC9D3;
  --on-ultra:#0A0806; --on-amber:#100D09; --on-vermilion:#100D09; --on-verdigris:#0A0806;
  --rule:#463F33; --rule-soft:rgba(244,239,226,.14);
  --blend:screen;
  color-scheme:dark;
}

body{background:var(--paper);color:var(--ink);font-family:var(--f-text)}

/* ── правило надпечатки ── */
.overprint > *{mix-blend-mode:var(--blend)}

/* ── типографические роли ── */
.t-display-xl{font:800 clamp(46px,11.5vw,132px)/.86 var(--f-disp);letter-spacing:-.055em}
.t-display-l {font:700 clamp(28px,4.6vw,46px)/1 var(--f-disp);letter-spacing:-.035em}
.t-lede      {font:400 clamp(15px,1.5vw,17.5px)/1.6 var(--f-text);color:var(--ink-soft)}
.t-body      {font:400 16px/1.55 var(--f-text)}
.t-label     {font:600 11px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.t-data      {font:800 clamp(36px,5vw,52px)/1 var(--f-disp);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
