/* ScrapExport — design tokens. Подключается первым на КАЖДОЙ странице. Меняете цвет здесь — меняется весь сайт. */ @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap'); :root { /* Палитра — тёмная тема (по умолчанию) */ --color-bg: #16232f; --color-surface: #22374a; --color-text: #f5f5f8; --color-accent: #94bce3; --color-divider: rgba(245, 245, 248, 0.20); --band-bg: #101b25; /* тёмные полосы: тикер, «Как сдать», футер */ --panel-bg: #1a2937; /* панель калькулятора */ --deep-bg: #12202c; /* поля ввода, итог */ --signal: #ff6a1f; /* сигнальный акцент: кнопки, цифры, рубрикация */ --on-signal: #12202c; /* текст на сигнальном фоне */ --on-dark: #f5f5f8; --on-dark-muted: rgba(245, 245, 248, 0.72); /* Типографика */ --font-heading: "Barlow Condensed", system-ui, sans-serif; --font-body: "Barlow", system-ui, sans-serif; --font-heading-weight: 600; /* Шкала отступов (Industry) */ --space-1: 3.4px; --space-2: 6.8px; --space-3: 10.2px; --space-4: 13.6px; --space-6: 20.4px; --space-8: 27.2px; --gutter: 44px; /* внутренний отступ контейнера */ --section-pad: 68px; /* вертикальный ритм секций */ --maxw: 1280px; --radius: 0; /* система прямоугольная, скруглений нет */ --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45); --ease: cubic-bezier(.2, .7, .2, 1); } /* Светлая тема: */ :root[data-theme="light"] { --color-bg: #f4f4f5; --color-surface: #ffffff; --color-text: #1d1f20; --color-accent: #416180; --color-divider: rgba(29, 31, 32, 0.15); } @media (max-width: 900px) { :root { --gutter: 20px; --section-pad: 48px; } }