Токены
Полный набор CSS-переменных Nupek, сгруппированный так же, как в разделах «Основы». Каждый блок можно скопировать целиком и вставить в свой стилевой файл.
Цвет - светлая тема
--color-ink: #14213D;
--color-signal: #2E5F91;
--color-accent: #C98A2B;
--color-paper: #F5F6F8;
--color-surface: #FFFFFF;
--color-line: #DDE1E8;Цвет - статусы (светлая тема)
--color-status-stable-bg: #E4F3E9;
--color-status-stable-text: #1F6B3B;
--color-status-testing-bg: #FBF0DC;
--color-status-testing-text: #8A5A16;
--color-status-info-bg: #E7EEF7;
--color-status-info-text: #26466E;
--color-status-neutral-bg: #F1F1F1;
--color-status-neutral-text: #5B5F66;Цвет - тёмная тема
--color-bg-dark: #17181C;
--color-surface-dark: #1E2024;
--color-line-dark: #2E3036;
--color-text-dark: #EDEFF4;
--color-text-dark-muted: #A6ACB8;
--color-signal-dark: #6FA0D8;
--color-accent-dark: #D9A752;Цвет - статусы (тёмная тема)
--color-status-stable-bg-dark: #16301F;
--color-status-stable-text-dark: #7FDDA0;
--color-status-testing-bg-dark: #332512;
--color-status-testing-text-dark: #F0C978;
--color-status-info-bg-dark: #16233A;
--color-status-info-text-dark: #9DBEE8;
--color-status-neutral-bg-dark: #23262C;
--color-status-neutral-text-dark: #9AA0AC;Типографика
--font-family-sans: 'Manrope Variable', 'Manrope', system-ui, sans-serif;
--font-family-mono: 'JetBrains Mono', ui-monospace, monospace;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;Отступы
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-7: 48px;
--space-8: 64px;
--space-9: 96px;Радиусы
--radius-sm: 6px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 28px;
--radius-pill: 999px;Движение
--motion-duration-fast: 120ms;
--motion-duration-base: 200ms;
--motion-easing: ease;Доступность
--color-focus: #B17926;
--color-focus-dark: #D9A752;
--focus-ring-color: var(--color-focus);
--focus-ring-width: 2px;
--focus-ring-offset: 2px;
--tap-target-min: 44px;