/* * tokens.css — единственное место с цветами и шрифтами прототипа * «Оперативный контур ЭМС-А.К. / QARMET». * * Палитра взята из опубликованной веб-версии КП v4, чтобы клиент увидел * визуальную преемственность между КП и прототипом. Тёмная тема сознательно * не реализована — один явный светлый набор цветов. * * Ничего, кроме custom properties, в этом файле быть не должно: конкретные * страницы и другие CSS-файлы обязаны ссылаться на переменные, а не заводить * цвета/шрифты заново. */ :root { /* Поверхности и фон */ --paper: #EDF1EC; --paper-2: #E2E8E1; --surface: #FFFFFF; /* Текст */ --ink: #16211C; --ink-soft: #49564E; --ink-faint: #7B8A80; /* Линии и разделители */ --line: #CDD6C9; --line-strong: #A9B6A3; /* Акцент (текущий шаг, суммы, активная навигация) */ --accent: #C1571C; --accent-soft: #F1DCC9; /* Статусы */ --good: #2B6E63; /* принято / хорошо / опережение */ --good-soft: #DCEAE5; --bad: #8A4A3A; /* просрочка / возврат / проблема */ --bad-soft: #EFE0D6; --warn: #B7791F; /* ожидает / проверить */ --warn-soft: #F3E7CE; /* Шрифты — Google Fonts подключаются через в каждой страницы (см. README.md, раздел «Контракт для страниц»); здесь только имена шрифтовых стеков с системными фолбэками на случай отсутствия интернета. */ --font-display: 'Big Shoulders Display', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif; --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; --font-mono: 'IBM Plex Mono', 'SFMono-Regular', ui-monospace, Menlo, Consolas, 'Liberation Mono', monospace; /* Геометрия, общая для компонентов */ --radius: 6px; --radius-lg: 10px; --shadow-card: 0 2px 10px rgba(22, 33, 28, 0.10); --shadow-drawer: -4px 0 24px rgba(22, 33, 28, 0.16); /* Ширины раскладки блока (раздел 5 спецификации) */ --phone-width: 360px; --phone-height: 720px; --drawer-width: 420px; --content-max: 1280px; }