/* =========================================================
   TOKENS — переменные, шрифты
   Корпоративная палитра ПСБ Страхование
   ========================================================= */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}

:root {
    /* Цвета: корпоративный бренд ПСБ */
    --ui-kit-navy: #2B2C84;        /* основной фиолетово-синий */
    --ui-kit-navy-soft: #3E3E59;   /* тёмный графитовый */
    --ui-kit-blue: #2B2C84;        /* основной акцент (кнопки, ссылки) */
    --ui-kit-blue-hover: #23245C;  /* затемнённый основной */
    --ui-kit-accent: #E86630;      /* оранжевый */
    --ui-kit-accent-hover: #ED885E;/* оранжевый hover */
    --ui-kit-success: #2E9E5B;
    --ui-kit-warning: #F5A623;
    --ui-kit-danger: #E8453C;
    --ui-kit-info: #2A6FDB;

    /* Фоны и границы */
    --ui-kit-bg: #FFFFFF;
    --ui-kit-bg-soft: #F4F6FA;
    --ui-kit-bg-muted: #FBFCFE;
    --ui-kit-border: #E3E8EF;
    --ui-kit-border-soft: #EDF1F6;

    /* Текст */
    --ui-kit-text: #3E3E59;
    --ui-kit-text-muted: #5C5C73;
    --ui-kit-text-faded: #5C5C73;

    /* Служебные */
    --ui-kit-white: #FFFFFF;
    --ui-kit-overlay: rgba(43, 44, 132, 0.12);
    --ui-kit-overlay-bg: rgba(43, 44, 132, 0.55);
    --ui-kit-blue-tint: rgba(43, 44, 132, 0.08);
    --ui-kit-blue-ring: rgba(43, 44, 132, 0.15);
    --ui-kit-success-tint: rgba(46, 158, 91, 0.12);
    --ui-kit-success-ring: rgba(46, 158, 91, 0.15);
    --ui-kit-accent-tint: rgba(232, 102, 48, 0.12);
    --ui-kit-warning-tint: rgba(245, 166, 35, 0.12);
    --ui-kit-danger-tint: rgba(232, 69, 60, 0.10);
    --ui-kit-danger-ring: rgba(232, 69, 60, 0.15);
    --ui-kit-info-tint: rgba(42, 111, 219, 0.10);

    /* Типографика */
    --ui-kit-font: 'Montserrat', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    --ui-kit-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --ui-kit-fs-xs: 12px;
    --ui-kit-fs-sm: 13px;
    --ui-kit-fs-base: 14px;
    --ui-kit-fs-md: 15px;
    --ui-kit-fs-lg: 18px;
    --ui-kit-fs-xl: 22px;
    --ui-kit-fs-2xl: 24px;
    --ui-kit-fs-3xl: 28px;
    --ui-kit-fs-4xl: 32px;
    --ui-kit-fs-5xl: 40px;

    --ui-kit-fw-regular: 400;
    --ui-kit-fw-medium: 500;
    --ui-kit-fw-semibold: 600;
    --ui-kit-fw-bold: 700;

    --ui-kit-lh-tight: 1.25;
    --ui-kit-lh-base: 1.4;
    --ui-kit-lh-loose: 1.55;

    /* Отступы */
    --ui-kit-space-xs: 4px;
    --ui-kit-space-sm: 8px;
    --ui-kit-space-md: 12px;
    --ui-kit-space-lg: 16px;
    --ui-kit-space-xl: 20px;
    --ui-kit-space-2xl: 24px;
    --ui-kit-space-3xl: 32px;
    --ui-kit-space-4xl: 48px;
    --ui-kit-space-5xl: 64px;

    /* Радиусы */
    --ui-kit-radius-sm: 6px;
    --ui-kit-radius-md: 12px;
    --ui-kit-radius-lg: 16px;
    --ui-kit-radius-xl: 20px;
    --ui-kit-radius-pill: 999px;

    /* Тени */
    --ui-kit-shadow-sm: 0 2px 8px rgba(43, 44, 132, 0.06);
    --ui-kit-shadow-md: 0 12px 28px -10px rgba(43, 44, 132, 0.14);
    --ui-kit-shadow-lg: 0 16px 32px -12px rgba(43, 44, 132, 0.18);
    --ui-kit-shadow-xl: 0 24px 48px -14px rgba(43, 44, 132, 0.22);
    --ui-kit-shadow-cta: 0 6px 16px -6px rgba(43, 44, 132, 0.55);
    --ui-kit-shadow-cta-hover: 0 10px 22px -8px rgba(43, 44, 132, 0.65);
    --ui-kit-shadow-success: 0 4px 12px rgba(46, 158, 91, 0.30);

    /* Переходы */
    --ui-kit-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ui-kit-trans-fast: 0.2s ease;
    --ui-kit-trans-base: 0.3s ease;
    --ui-kit-trans-slow: 0.45s ease;
}