/* Сгенерирован из design/tokens.css. Не редактировать: `npm run tokens`. */ /** * Дизайн-токены iЮрист — единственный источник правды по цвету, * скруглениям, теням и шрифтам. * * Файл не редактируется по копиям: он один, а в кабинет, на лендинг, * на сайты сети и в виджет попадает через `npm run tokens`. Расхождение * копий с источником роняет CI — иначе палитра снова разъедется, * как было до августа 2026 (414 разных цветов на четыре фронтенда). * * Палитра взята с лендинга: тёмно-синий и золото. Она же уже стояла * в кабинете, но под другими именами и вперемешку с чужими цветами. */ :root { /* Поверхности */ --ij-bg: #FFFFFF; --ij-bg-soft: #F4F6FA; --ij-bg-sunken: #E7EBF3; /* Тёмная марка — шапки, подвалы, выворотка */ --ij-navy: #0B162C; --ij-navy-2: #101F3A; --ij-navy-3: #16294A; --ij-navy-line: rgba(255, 255, 255, .10); /* Акцент */ --ij-gold: #C5A059; --ij-gold-2: #D9BC85; --ij-gold-hover: #B08D45; --ij-gold-soft: rgba(197, 160, 89, .12); --ij-gold-contrast: #0B162C; /* Золото, которым можно писать по светлому: фирменное #C5A059 даёт на белом 2.46:1 и как текст нечитаемо. Затемнённое — 4.72:1, проходит AA и в обе стороны: и текстом по белому, и фоном под белым. */ --ij-gold-ink: #89703E; --ij-gold-ink-2: #725C33; /* Текст */ --ij-text: #0B162C; --ij-text-muted: #56607A; --ij-text-faint: #9AA6BC; --ij-text-invert: #FFFFFF; /* Границы */ --ij-line: #E4E8EF; /* Состояния */ --ij-success: #2FB863; --ij-success-soft: #E2F6EA; --ij-danger: #D64545; --ij-danger-soft: #FDEAEA; --ij-warning: #E0A52E; --ij-warning-soft: #FAF3DF; /* Скругления */ --ij-radius-sm: 4px; --ij-radius: 6px; --ij-radius-lg: 10px; --ij-radius-xl: 14px; /* Тени */ --ij-shadow-sm: 0 1px 2px rgba(11, 22, 44, .05); --ij-shadow: 0 4px 10px -1px rgba(11, 22, 44, .08), 0 2px 4px -1px rgba(11, 22, 44, .05); --ij-shadow-lg: 0 16px 40px rgba(11, 22, 44, .13); --ij-shadow-xl: 0 30px 70px rgba(0, 0, 0, .5); /* Отступы */ --ij-space-1: 4px; --ij-space-2: 8px; --ij-space-3: 12px; --ij-space-4: 16px; --ij-space-5: 24px; --ij-space-6: 32px; --ij-space-7: 48px; /* Шрифты */ --ij-serif: "PT Serif", "Georgia", "Times New Roman", serif; --ij-sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Ширина содержимого */ --ij-wrap: 1180px; } /** * Тёмная тема. Переключается атрибутом data-theme на (ThemeContext * в кабинете); лендинг, сайты сети и виджет её не включают — блок им * просто не пригодится и ничего не стоит. * * Значения не выведены из светлых автоматически: тёмно-синий из марки * здесь работает подложкой, а не текстом, и золото приходится осветлять, * иначе оно тонет в фоне. */ [data-theme="dark"] { --ij-bg: #0B162C; --ij-bg-soft: #101F3A; --ij-bg-sunken: #16294A; --ij-text: #F0F3F8; --ij-text-muted: #B8C2D4; --ij-text-faint: #8A96AC; --ij-text-invert: #0B162C; --ij-line: #223252; --ij-gold-hover: #D9BC85; --ij-gold-soft: rgba(197, 160, 89, .14); /* На тёмном золото читается и текстом — затемнённый вариант тут не нужен. */ --ij-gold-ink: #D9BC85; --ij-gold-ink-2: #C5A059; --ij-success: #3ECF77; --ij-success-soft: rgba(47, 184, 99, .16); --ij-danger: #E06C6C; --ij-danger-soft: rgba(214, 69, 69, .16); --ij-warning: #E5B453; --ij-warning-soft: rgba(224, 165, 46, .16); --ij-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3); --ij-shadow: 0 4px 10px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3); --ij-shadow-lg: 0 10px 24px -3px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .4); }