/* ========================================================================== CROPAS — дизайн-токены Единый источник цветов, типографики, отступов, радиусов и теней. Акцентные переменные (--accent*) переопределяются палитрой в . ========================================================================== */ :root { /* --- Акцент (дефолт blue; переопределяется системой палитр) --- */ --accent: #1F6FEB; --accent-hover: #1559C6; --accent-soft: #8FC0FF; --accent-tint: #E4EEFC; --accent-rgb: 31, 111, 235; /* --- Нейтральная палитра --- */ --c-black: #0A0A0A; /* заголовки */ --c-text: #171717; /* основной текст */ --c-text-2: #1B2233; /* вторичный */ --c-text-3: #2E3A52; /* вторичный тёмный */ --c-text-4: #262626; --c-muted: #616B87; /* было #6B7590: 4.31 на светлых фонах, ниже нормы AA 4.5 */ /* приглушённый */ /* ТОЛЬКО для тёмных подложек (подвал, .cr-form--dark, .compare-col--us, блок цифр главной): на #0B1426 даёт 7,15:1, а на белом — 2,57:1. Для приглушённого текста на светлом фоне берите --c-muted (5,30:1). Ошибка уже случалась: .tcard__date в 1.9.32 взял этот цвет. */ --c-muted-2: #98A2B4; --c-muted-3: #7C8698; /* было #ABB2C2: 2.0 на светлом фоне */ /* --- Границы --- */ --bd: #D1DAEA; /* основная */ --bd-2: #D9E2EF; --bd-3: #E7EDF6; --bd-4: #EEF2F8; --bd-5: #EAF0F8; /* --- Фоны секций --- */ --bg-white: #FFFFFF; --bg-soft: #F1F5FB; /* чередование */ --bg-soft-2: #FBFCFE; --bg-soft-3: #F5F8FC; --bg-soft-4: #F4F6FB; --bg-page: #E4EBF4; /* фон вне карточек */ /* --- Тёмные поверхности --- */ --c-topbar: #0F1830; --c-footer: #0B1426; --c-footer-text: #EAECF6; /* --- Статусы (аудит, валидация) --- */ --ok: #0C7150; --warn: #E0952B; --bad: #B83526; /* было #D2503F: 4.23 на белом и 3.62 на розовом — ниже AA */ /* --- Типографика --- */ --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-mono: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* --- Радиусы --- */ --r-btn: 12px; --r-btn-lg: 13px; --r-input: 12px; --r-card: 22px; --r-card-sm: 18px; --r-pill: 999px; --r-icon: 8px; --r-icon-sm: 7px; /* --- Тени --- */ --sh-cta: 0 14px 28px -12px rgba(var(--accent-rgb), .7); --sh-card: 0 40px 80px -34px rgba(15, 24, 48, .30); --sh-fab: 0 10px 24px -10px rgba(15, 24, 48, .35); --sh-dropdown: 0 22px 48px -20px rgba(15, 24, 48, .4); --sh-soft: 0 12px 26px -12px rgba(15, 24, 48, .4); /* --- Раскладка --- */ --container: 1200px; --pad-x: 32px; --pad-x-header: 24px; --section-y: 62px; --header-h: 72px; /* --- Прочее --- */ --tr: .15s ease; } /* Учитываем предпочтение уменьшенной анимации */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } /* --- Палитра блоков редактора следует за акцентом темы ------------------- В theme.json цвета заданы литеральными hex — иначе в палитре редактора свотчи рисуются пустыми. Но акцент в теме переключаемый (12 палитр), и блок, покрашенный «Акцентом», должен меняться вместе с ней. Переопределяем пресеты ядра на body: у :root ниже приоритет для потомков, поэтому порядок подключения global-styles и наших файлов роли не играет. */ body { --wp--preset--color--accent: var(--accent); --wp--preset--color--accent-dark: var(--accent-hover); --wp--preset--color--accent-tint: var(--accent-tint); }