/*
 * Дизайн-токены ЖК «Достояние» — единый источник для сайта и админки.
 * Уровни: primitive (сырые значения) → semantic (смысл) → component (в site.css/pages.css).
 * Меняйте цвета, шрифты и скорости только здесь.
 */
:root{
  color-scheme:dark;
  /* --- primitive --- */
  --c-ink-950:#0E0C0A; --c-ink-900:#110F0C; --c-ink-850:#16130F; --c-ink-800:#1E1A15;
  --c-sand-100:#EFE9DD; --c-sand-400:#A89E8E; --c-sand-600:#6F675B;
  --c-gold-200:#E9CF8F; --c-gold-400:#C9A45C; --c-gold-600:#A8843F; --c-gold-800:#8A6A2F;
  --c-terra-400:#D08A6E; --c-sage-400:#9FC08A;

  /* --- semantic: цвет --- */
  --bg:var(--c-ink-950); --surface:var(--c-ink-850); --surface-raised:var(--c-ink-800); --surface-sunken:var(--c-ink-900);
  --text:var(--c-sand-100); --text-soft:#CFC6B6; --muted:var(--c-sand-400); --faint:var(--c-sand-600);
  --accent:var(--c-gold-400); --accent-hi:var(--c-gold-200); --accent-lo:var(--c-gold-800); --accent-deep:var(--c-gold-600); --on-accent:var(--c-ink-950);
  --terra:var(--c-terra-400); --danger:var(--c-terra-400); --success:var(--c-sage-400);
  --line:rgba(201,164,92,.22); --line-strong:rgba(201,164,92,.45); --focus:var(--c-gold-200);
  --scrim:rgba(6,5,4,.78);

  /* --- semantic: типографика --- */
  --display:"Onest",-apple-system,"SF Pro Display",system-ui,"Segoe UI",sans-serif;   /* v1.5: подача как у Apple — гротеск 600 с плотной разрядкой */
  --wordmark:"Jost","Futura","Century Gothic",sans-serif;   /* только логотип */
  --track-display:-.028em; --track-title:-.018em;
  --sans:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-cap:13px; --fs-small:14px; --fs-body:16px; --fs-lead:clamp(17px,1.6vw,20px);
  --fs-h3:clamp(24px,2.4vw,32px); --fs-h2:clamp(34px,4.6vw,64px); --fs-h1:clamp(44px,7vw,104px);
  --track-label:.24em;

  /* --- semantic: пространство и форма --- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:72px; --space-9:120px;
  --gut:clamp(16px,5vw,72px); --maxw:1180px;
  --radius-s:2px; --radius:4px; --radius-pill:999px;
  --shadow-1:0 10px 24px rgba(0,0,0,.35); --shadow-2:0 18px 40px rgba(0,0,0,.45);
  --tap:44px;

  /* --- semantic: движение --- */
  --ease:cubic-bezier(.22,1,.36,1);          /* уверенное появление (= Motion EASE в motion-ui.js) */
  --ease-exit:cubic-bezier(.23,1,.32,1);
  --dur-press:.1s; --dur-fast:.16s; --dur:.25s; --dur-slow:.5s;
  --z-header:50; --z-overlay:80; --z-top:100;
}