/* ============================================================ ORDA JUICE co. — дизайн-токены (единый источник) Версия: v2 · 2026-06-22 · пилот «Claude Design» Извлечено из: брендбук (#426039 пиксельно), сайт 33_сайт/index.html, бренд-платформа marketer/references/brand-platform.md. Подключать: Тёмная тема: или . ============================================================ */ /* — Бренд-шрифты (файлы в 30_Маркетинг/FONT/) — */ @font-face{ font-family:'Chillax'; src:url('FONT/Chillax-Variable.ttf') format('truetype'); font-weight:200 800;font-display:swap; } @font-face{ font-family:'Chopin'; src:url('FONT/Chopin-TrialVF-RomanVF-BF65b1d690f1fee.ttf') format('truetype'); font-weight:200 800;font-display:swap; } :root{ /* — Цвета: бренд — */ --orda-green: #426039; /* КАНОН (брендбук). Основной зелёный */ --orda-green-deep: #2f4a29; /* тёмный — заголовки на светлом, hover */ --orda-green-soft: #eef3ea; /* светлая подложка, ховер-строки */ --orda-green-line: #e0e9da; /* hairline-разделители на светлом */ --orda-green-site: #2d692f; /* ⚠ текущий зелёный сайта — расхождение */ /* — Нейтральные / фон — */ --orda-cream: #faf7f0; /* основной фон страниц */ --orda-paper: #ffffff; /* карточки, поля ввода */ --orda-ink: #15201a; /* основной текст */ --orda-ink-60: #5a6660; /* вторичный текст, подписи */ --orda-ink-30: #9aa6a0; /* плейсхолдеры, disabled */ /* — Акценты (степь/фрукт) — сдержанно — */ --orda-amber: #e08a2b; --orda-berry: #b5384a; --orda-clay: #c9b89a; --orda-info: #3f6f7a; /* — Семантика статусов — */ --orda-ok:#426039; --orda-warn:#e08a2b; --orda-bad:#b5384a; --orda-info-s:#3f6f7a; /* — Поверхности (роли, не цвета) — */ --orda-bg: var(--orda-cream); --orda-surface: var(--orda-paper); --orda-surface-2: #f4efe5; /* вложенная подложка */ --orda-text: var(--orda-ink); --orda-text-2: var(--orda-ink-60); --orda-line: var(--orda-green-line); --orda-brand: var(--orda-green); --orda-brand-contrast:#ffffff; /* — Типографика — */ --orda-font-display: 'Chillax','Unbounded',system-ui,sans-serif; --orda-font-body: 'Lato',system-ui,-apple-system,'Segoe UI',sans-serif; --orda-font-accent: 'Chopin','Unbounded',serif; --orda-fs-display:clamp(40px,6vw,76px); --orda-fs-h1:clamp(28px,3.6vw,44px); --orda-fs-h2:clamp(20px,2.4vw,28px); --orda-fs-h3:18px; --orda-fs-body:15px; --orda-fs-small:13px; --orda-fs-micro:11px; --orda-lh-tight:1.08; --orda-lh-body:1.6; --orda-tracking-cap:.14em; /* — Сетка / форма — */ --orda-radius:24px; --orda-radius-md:16px; --orda-radius-sm:10px; --orda-radius-pill:999px; --orda-space-1:4px; --orda-space-2:8px; --orda-space-3:12px; --orda-space-4:16px; --orda-space-5:24px; --orda-space-6:32px; --orda-space-7:48px; --orda-space-8:64px; /* — Тени / фокус — */ --orda-shadow:0 14px 44px rgba(21,32,26,.10); --orda-shadow-sm:0 4px 14px rgba(21,32,26,.06); --orda-focus:0 0 0 3px rgba(66,96,57,.28); --orda-dur:.16s; } /* — Тёмная тема: «степь-ночь» — */ [data-theme="dark"]{ --orda-bg:#11180f; --orda-surface:#1a2417; --orda-surface-2:#212d1d; --orda-text:#eef1ea; --orda-text-2:#a7b3a0; --orda-line:#2c3a26; --orda-brand:#7fa663; /* осветлённый зелёный для контраста на тёмном */ --orda-brand-contrast:#11180f; --orda-green-soft:#21301b; --orda-shadow:0 18px 50px rgba(0,0,0,.45); --orda-shadow-sm:0 4px 16px rgba(0,0,0,.4); --orda-focus:0 0 0 3px rgba(127,166,99,.35); }