/**
 * Палитра новой темы (modern). Hex только здесь.
 */
:root {
    --site-bg: #f9fafb;
    --site-surface: #ffffff;
    --site-surface-alt: #f3f4f6;
    --site-text: #333333;
    --site-text-body: #222222;
    --site-text-primary: #2d2d2d;
    --site-text-muted: #6b7280;
    --site-accent: #4939da;
    --site-accent-hover: #3d2fc0;
    --site-accent-border: #2211B5;
    --site-btn-ring: #2a1abe;
    --site-faq-divider: rgba(238, 238, 238, 0.5);
    --site-form-ink: #100a52;
    --site-form-link: #372da2;
    --site-form-glass: rgba(245, 244, 251, 0.76);
    --site-form-input-ring: #b2b2d3;
    --site-form-placeholder: #8c8ead;
    --site-form-border: rgba(0, 0, 0, 0.18);
    --site-form-shadow: rgba(0, 0, 0, 0.1);
    --site-accent-soft: #eef2ff;
    --site-badge-bg: #f2f0ff;
    --site-step-bg: #e9e7ff;
    --site-chip-bg: #f2f2fd;
    --site-chip-text: #3c3c3c;
    --site-on-accent: #ffffff;
    --site-border: #e5e7eb;
    --site-border-soft: #f3f4f6;
    --site-card-ring: #e8e8f1;
    --site-image-ring: #eeeeee;
    --site-scrim-clear: #00000000;
    --site-scrim-soft: #0000001F;
    --site-scrim-mid: #0000004D;
    --site-scrim-strong: #00000066;
    --site-scrim-border: #0000002E;
    --site-epd-magistral-glow: #786EFF99;
    --site-epd-magistral-glow-mid: #665CF04D;
    --site-epd-magistral-glow-end: #4939DA00;
    --site-epd-tag: #887CF4;
    --site-epd-slide-ring: #786FD7;
    --site-epd-dot: #DAD7F3;
    --site-epd-card-accent: #4A3DD5;
    --site-epd-card-accent-ring: #4A3ADB;
    --site-on-accent-muted: #EDEDED;
    --site-success: #1CBB30;
    --site-success-soft: #DCFFDB;
    --site-success-text: #45C243;
    --site-error: #dc2626;
    --site-epd-icon: #4A3CD5;
    --site-epd-muted: #5F5CD7;
    --site-epd-card-soft-ring: #DFDBF5;
    --site-photo-scrim: rgba(0, 0, 0, 0.4);
    --site-reminder-border: rgba(0, 0, 0, 0.18);
    --site-reminder-scrim-mid: rgba(96, 96, 96, 0.26);
    --site-reminder-scrim: rgba(97, 94, 94, 0.37);
    --site-reminder-scrim-mid-strong: rgba(49, 49, 49, 0.26);
    --site-reminder-scrim-strong: rgba(49, 49, 49, 0.37);
    --site-backdrop: rgba(45, 45, 45, 0.45);
    --site-chrome: #ffffff;
    --site-content-max: 90rem; /* 1440px — ширина макета */
    --site-section-gap: 10.625rem; /* 170px — между блоками страницы */
}

@media (max-width: 47.9375rem) {
    :root {
        --site-section-gap: 7.5rem; /* 120px — телефон */
    }
}