/**
 * Тема перевозок «Международный Экспедитор».
 * Подключается после базовых стилей и уточняет их токены.
 * Палитра: #0B2545, #F28C28, #F5F7FA.
 * Сохраняет структуру шаблонов и меняет только оформление.
 */

:root {
    /* kd-services / kd-service */
    --kd-graphite: #0B2545;      /* тёмно-синие панели и заголовки */
    --kd-graphite-2: #13315C;    /* Navy — вторые тёмные плоскости */
    --kd-paper: #F5F7FA;         /* Paper — фон */
    --kd-paper-2: #EAF0F7;       /* фон чередующихся секций */
    --kd-blueprint: #F28C28;     /* главный оранжевый акцент */
    --kd-cyan: #F7B267;          /* светлый изумруд */
    --kd-redline: #B95F14;       /* глубокий изумруд (акцент-линии) */
    --kd-brass: #B95F14;         /* латунь → глубокий изумруд (ярлыки/цены) */
    --kd-line: #D8E0EA;          /* границы */
    --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: #D8E0EA;
    --ds-canvas: #F5F7FA;
    --ds-surface: #FFFFFF;
    --ds-tint: #EAF0F7;
    --ds-soft: #BFCFE3;
    --ds-accent: #F28C28;
    --ds-deep: #B95F14;
    --ds-ink-plus: #0B2545;
    --ds-caption: #62788A;
    --ds-faint: #8DA3B5;
    --ds-body: #22374A;
    --ds-quiet: #57708A;
    --ds-hover-bg: #EAF0F7;
    --ds-tag-bg: #EEF3F9;
    --ds-input-bg: #FBFCFE;
    --ds-strip-bg: #F3F6FA;
    --ds-card-border: #D8E0EA;
    --ds-line: #D8E0EA;
    --ds-soft-line: #E6ECF3;
    --ds-dark: #0B2545;
    --ds-dark-border: #1B3D6E;
    --ds-dark-input: #13315C;
    --ds-dark-card-border: #1E4478;
    --ds-dark-cta-border: #25518A;
    --ds-dark-link: #A9C7E0;
}

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

/* Тёмные полосы для навигации, hero, CTA и карточки заказа */
.cert-breadcrumbs,
.svc-cta__panel,
.cert-order-card {
    background: #0B2545;
}
/* Hero каталога: маршрутная сетка поверх тёмного фона */
.svc-hero {
    background:
        linear-gradient(rgba(247,178,103, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(247,178,103, .08) 1px, transparent 1px),
        #0B2545;
    background-size: 24px 24px;
}

/* Ссылки и акценты в цветах перевозок */
a:hover { color: #B95F14; }
.svc-card__open,
.svc-card__price { color: #B95F14; }
.svc-btn,
.ds-btn-primary {
    background: #F28C28;
    border-color: #F28C28;
    color: #fff;
}
.svc-btn:hover,
.ds-btn-primary:hover {
    background: #B95F14;
    border-color: #B95F14;
    color: #fff;
}