/* Шрифты подключены в через +
(быстрее, чем @import: нет блокирующей цепочки запросов CSS → шрифты). */
:root {
/* === Палитра === */
--bg: #F5F5F4;
--bg-warm: #EAEAE8;
--bg-card: #FFFFFF;
--bg-dark: #161412;
--bg-elev: #1F1C18;
--ink: #F5F5F4;
--ink-soft: #D8D8D5;
--ink-muted: rgba(22,20,18,0.6);
--ink-light: rgba(22,20,18,0.45);
--ink-dark: #161412;
--accent: #3DD68C;
--accent-mid: #2EA86A;
--accent-deep: #1E704A;
--accent-soft: rgba(46,168,106,0.10);
--accent-glow: rgba(61,214,140,0.4);
--line: rgba(22,20,18,0.10);
--line-strong: rgba(22,20,18,0.15);
--line-dark: rgba(245,245,244,0.10);
/* === Шрифты === */
--font-display: 'Manrope', system-ui, sans-serif;
--font-body: 'Inter', system-ui, sans-serif;
/* === Скругления === */
--r-sm: 8px;
--r-md: 16px;
--r-lg: 24px;
--r-xl: 32px;
--r-pill: 999px;
/* === Размеры === */
--container: 1400px;
--pad-x: clamp(20px, 5vw, 80px);
--section-y: clamp(64px, 8vw, 120px);
/* === Тени === */
--shadow-sm: 0 4px 12px -4px rgba(22,20,18,0.10);
--shadow-md: 0 12px 32px -12px rgba(22,20,18,0.18);
--shadow-lg: 0 24px 60px -20px rgba(22,20,18,0.25);
--shadow-xl: 0 32px 80px -24px rgba(22,20,18,0.30);
/* === Easing === */
--ease-out: cubic-bezier(.2,.8,.2,1);
--ease-in-out: cubic-bezier(.4,0,.2,1);
}