/**
 * Тема «Маршрут» для каталога услуг grazhdanstvo (брендбук: Deep Navy + Emerald).
 * Подключается ПОСЛЕ kd-ds.css / kd-services.css / kd-service.css и переопределяет
 * их токены: старая палитра КД (графит/бумага/фиолет/латунь) → фирменная навигация
 * Deep Navy #07203A + Emerald #10A972 + Paper #F6FAF8, шрифты Manrope / IBM Plex.
 * HTML-структура шаблонов не меняется — только дизайн-токены и точечные акценты.
 */

:root {
    /* kd-services / kd-service */
    --kd-graphite: #07203A;      /* Deep Navy — тёмные панели и заголовки */
    --kd-graphite-2: #0E3A63;    /* Navy — вторые тёмные плоскости */
    --kd-paper: #F6FAF8;         /* Paper — фон */
    --kd-paper-2: #EDF6F1;       /* фон чередующихся секций */
    --kd-blueprint: #10A972;     /* Emerald — главный акцент */
    --kd-cyan: #4FD6A5;          /* светлый изумруд */
    --kd-redline: #0E7A55;       /* глубокий изумруд (акцент-линии) */
    --kd-brass: #0E7A55;         /* латунь → глубокий изумруд (ярлыки/цены) */
    --kd-line: #DCE7E1;          /* границы */
    --kd-ink-soft: #4E6072;      /* приглушённый текст */
    --kd-font-display: 'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif;
    --kd-font-body: Manrope, 'Segoe UI', sans-serif;
    --kd-font-mono: 'IBM Plex Mono', 'SFMono-Regular', monospace;
    --kd-disp: 'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif;
    --kd-body: Manrope, 'Segoe UI', sans-serif;
    --kd-mono: 'IBM Plex Mono', 'SFMono-Regular', monospace;

    /* kd-ds (нейтральная дизайн-система бейджей/кнопок/карточек) */
    --ds-ink: #0F2233;
    --ds-muted: #4E6072;
    --ds-border: #DCE7E1;
    --ds-canvas: #F6FAF8;
    --ds-surface: #FFFFFF;
    --ds-tint: #EDF6F1;
    --ds-soft: #BFDCCE;
    --ds-accent: #10A972;
    --ds-deep: #0E7A55;
    --ds-ink-plus: #07203A;
    --ds-caption: #62788A;
    --ds-faint: #8DA3B5;
    --ds-body: #22374A;
    --ds-quiet: #57708A;
    --ds-hover-bg: #EDF6F1;
    --ds-tag-bg: #EEF7F2;
    --ds-input-bg: #FBFDFC;
    --ds-strip-bg: #F2F8F5;
    --ds-card-border: #DCE7E1;
    --ds-line: #DCE7E1;
    --ds-soft-line: #E7F0EA;
    --ds-dark: #07203A;
    --ds-dark-border: #123252;
    --ds-dark-input: #0E3A63;
    --ds-dark-card-border: #14406B;
    --ds-dark-cta-border: #1B4C7E;
    --ds-dark-link: #A9C7E0;
}

/* Чертёжная сетка фона — в тонах Navy вместо графита */
body {
    background:
        linear-gradient(rgba(7, 32, 58, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7, 32, 58, .04) 1px, transparent 1px),
        var(--kd-paper, #F6FAF8);
    background-size: 24px 24px;
    font-family: var(--kd-body, Manrope, sans-serif);
    color: #0F2233;
}

/* Тёмные полосы (крошки, hero, CTA, карточка заказа) — Deep Navy */
.cert-breadcrumbs,
.svc-cta__panel,
.cert-order-card {
    background: #07203A;
}
/* Hero каталога: чертёжная сетка в изумруде поверх Deep Navy (перебивает хардкод #101820) */
.svc-hero {
    background:
        linear-gradient(rgba(79, 214, 165, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(79, 214, 165, .08) 1px, transparent 1px),
        #07203A;
    background-size: 24px 24px;
}

/* Ссылки и акценты, жёстко прописанные старыми hex — приводим к изумруду */
a:hover { color: #0E7A55; }
.svc-card__open,
.svc-card__price { color: #0E7A55; }
.svc-btn,
.ds-btn-primary {
    background: #10A972;
    border-color: #10A972;
    color: #fff;
}
.svc-btn:hover,
.ds-btn-primary:hover {
    background: #0E7A55;
    border-color: #0E7A55;
    color: #fff;
}