/* =========================================================================== Дизайн-токены «Тёплый графит и шалфей» — Наталья Звонова Значения перенесены 1:1 из design_handoff_zvonova_site/design-system/tokens/ Шрифты подключаются -ом в (вместо @import — быстрее). =========================================================================== */ :root{ /* --- цвет: база --- */ --bg:#F4F1EA; --surface:#FFFFFF; --surface-sunken:#EDE8DC; --ink:#25231F; --ink-soft:#6C685F; --ink-faint:#9B9686; --border:#DDD7C9; --border-strong:#C7C0AE; /* --- цвет: акцент --- */ --accent:#6E7C5C; --accent-hover:#5C6B4C; --accent-active:#4C5940; --accent-100:#E7EBE0; --accent-200:#CBD4BC; --accent-300:#A9B896; --accent-400:#8B9C72; --accent-500:#6E7C5C; --accent-600:#59684A; --accent-700:#45513A; --accent-800:#333D2B; /* --- цвет: нейтральная шкала --- */ --n-50:#FBF9F4; --n-100:#F4F1EA; --n-150:#EDE8DC; --n-200:#DDD7C9; --n-300:#C7C0AE; --n-400:#A8A090; --n-500:#8B8474; --n-600:#6C685F; --n-700:#4F4B43; --n-800:#37342E; --n-900:#25231F; /* --- цвет: семантика --- */ --success:#5C6B4C; --success-bg:#E7EBE0; --warning:#A8763A; --warning-bg:#F3E6D3; --danger:#A0543F; --danger-bg:#F1DFD8; --info:#5D6B78; --info-bg:#E4E7EA; --overlay:rgba(37,35,31,.45); /* --- типографика --- */ --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif; --font-body:"Onest",-apple-system,"Segoe UI",Roboto,sans-serif; --display-xl:600 clamp(2.25rem,5vw,4.25rem)/1.06 var(--font-display); --display-lg:600 clamp(1.9rem,3.6vw,3.25rem)/1.1 var(--font-display); --display-md:600 clamp(1.7rem,2.6vw,2.25rem)/1.15 var(--font-display); --h1:600 1.875rem/1.25 var(--font-display); --h2:600 1.5rem/1.3 var(--font-display); --h3:600 1.25rem/1.35 var(--font-body); --body-lg:400 1.125rem/1.6 var(--font-body); --body:400 1rem/1.6 var(--font-body); --body-sm:400 0.875rem/1.55 var(--font-body); --caption:400 0.8125rem/1.4 var(--font-body); --overline:600 0.75rem/1.2 var(--font-body); --overline-tracking:.09em; /* --- отступы --- */ --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-14:56px;--space-18:72px;--space-24:96px; --container-max:1120px; /* --- радиусы, тени, движение --- */ --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-full:999px; --shadow-1:0 1px 2px rgba(37,35,31,.06); --shadow-2:0 4px 14px rgba(37,35,31,.08); --shadow-3:0 14px 34px rgba(37,35,31,.14); --ease-standard:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(0,0,.2,1); --ease-rv:cubic-bezier(.2,.6,.2,1); --dur-fast:120ms; --dur-base:200ms; --dur-slow:400ms; }