/* Il Matto — токены дизайна: шрифты, геометрия, цвет.
   Мобильная база — из утверждённого макета (440px), десктопные значения переопределяет desktop.css. */

/* --- Kudryashev Display — заголовки --- */
@font-face{
  font-family:'KudryashevDisplay';
  src:url('../fonts/KudryashevDisplay.woff2') format('woff2'),
      url('../fonts/KudryashevDisplay.woff') format('woff');
  font-weight:400 700;font-style:normal;font-display:swap;
}

/* --- Golos Text (OFL, вариативный 400–600, latin+cyrillic subset) — текст, кнопки, подписи.
   Захощен локально: assets/fonts/GolosText-var.woff2, лицензия рядом (GolosText-OFL.txt). --- */
@font-face{
  font-family:'Golos Text';
  src:url('../fonts/GolosText-var.woff2') format('woff2-variations'),
      url('../fonts/GolosText-var.woff2') format('woff2');
  font-weight:400 600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0400-045F,U+0490-0491,U+2010-2027,U+2030-203A,U+20AC,U+20BD,U+2116,U+2122;
}

:root{
  /* --- геометрия --- */
  --wrap:440px;        /* ширина полотна макета */
  --pad:28px;          /* боковые поля */
  --sp:96px;           /* вертикальный ритм между секциями */
  --sp-sm:56px;        /* ритм внутри секции */
  --sp-xs:28px;        /* ритм между заголовком и контентом */
  --gap:12px;
  --radius:18px;
  --radius-sm:13px;
  --radius-xs:10px;
  --dock-h:104px;      /* высота нижней панели с кнопкой брони */
  --topbar-h:60px;     /* высота шапки + отступ сверху */

  /* --- цвет --- */
  --bg:#17120E;
  --bg-deep:#0D0A07;
  --panel:#1D1610;
  --line:#322A20;
  --line-soft:rgba(241,231,212,.1);
  --line-glass:rgba(241,231,212,.13);
  --ink:#F1E7D4;
  --ink-2:#D9CCB3;
  --mut:#B7A78D;
  --dim:#8F8069;
  --gold:#C9A35C;
  --gold-2:#E8D9B6;
  --gold-soft:rgba(201,163,92,.12);
  --terra:#C4472B;
  --terra-2:#D65A31;
  --terra-3:#A63A20;
  /* rgb-компоненты для rgba(var(--x-rgb),α) — вуали, стекло, линии, тени; светлая палитра переопределяет их в light.css */
  --bg-rgb:23,18,14;
  --deep-rgb:13,10,7;
  --panel-rgb:29,22,16;
  --ink-rgb:241,231,212;
  --gold-rgb:201,163,92;
  --shadow-rgb:0,0,0;

  /* --- тени и стекло --- */
  --shadow-card:0 18px 40px -12px rgba(0,0,0,.45);
  --shadow-glass:inset 0 1px 0 rgba(241,231,212,.1),0 24px 60px -24px rgba(0,0,0,.6);
  --shadow-btn:0 12px 28px -8px rgba(196,71,43,.45),inset 0 1px 0 rgba(255,255,255,.16);
  --glass-bg:rgba(23,18,14,.58);
  --glass-blur:blur(20px) saturate(1.5);

  /* --- типографика: шкала --- */
  --serif:'KudryashevDisplay','Cormorant Garamond','Times New Roman',serif;
  --sans:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --fs-eyebrow:10.5px;
  --fs-h2:28px;
  --fs-lead:14px;
  --fs-body:13.5px;
  --fs-small:12px;
  --fs-caption:11px;
  --lh-tight:1.1;
  --lh-body:1.65;
  --track-caps:.2em;

  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.32,.72,0,1);
  --dur:.45s;
}