/* ==========================================================================
   Дизайн-система MRT — токены (извлечены из макета по пикселям).
   ========================================================================== */
:root {
    /* --- Цвета: фоны --- */
    --c-navy-900: #05073F;   /* основной тёмно-синий фон (из Figma) */
    --c-navy-800: #0F184A;   /* карточки на тёмном */
    --c-navy-700: #131D55;   /* секции / вторичный синий */
    --c-navy-600: #1B2A6B;   /* ховеры на тёмном */
    --c-light:    #DDDDDD;   /* светло-серые секции (Figma) */
    --c-white:    #FFFFFF;

    /* --- Цвета: акценты --- */
    --c-accent:      #FF6A00;   /* оранжевый — кнопки, маркеры */
    --c-accent-600:  #E85F00;   /* оранжевый ховер */
    --c-blue:        #1245B0;   /* яркий синий — акценты/градиент */
    --c-blue-500:    #2253CF;
    --c-blue-700:    #033194;

    /* --- Цвета: текст --- */
    --c-text:        #05073B;   /* тёмный текст на светлом */
    --c-text-light:  #FFFFFF;   /* текст на тёмном */
    --c-text-muted:  #67708B;   /* приглушённый */
    --c-text-muted2: #9AA1A6;
    --c-border:      #D5D7E0;   /* границы на светлом */
    --c-border-dark: rgba(255,255,255,.15); /* границы на тёмном */

    /* --- Градиент баннеров --- */
    --grad-blue: linear-gradient(135deg, #033194 0%, #1245B0 55%, #2253CF 100%);

    /* --- Типографика --- */
    --font-base: "TT Hoves Pro", "Golos Text", "Manrope", -apple-system,
                 "Segoe UI", Roboto, Arial, sans-serif;

    /* --- Раскладка --- */
    --container: 1320px;      /* контент 1280 при боковых полях 20 (Figma: 80→1360 на кадре 1440) */
    --gutter: 20px;           /* боковые поля контейнера */
    --radius: 16px;           /* скругление карточек */
    /* 12px — во всех макетах: кнопки Primary/Button r=12, поля формы обратной
       связи r=12, поле подписки в подвале r=12. Было 10 — углы выглядели
       заметно острее, чем в дизайне. */
    --radius-sm: 12px;        /* скругление кнопок/полей */
    --header-h: 132px;        /* высота шапки (десктоп) */

    /* --- Тени --- */
    --shadow-card: 0 10px 40px rgba(5, 7, 59, .08);
}

/* Брейкпоинты (справочно, используются в media-запросах):
   desktop  >= 1280px
   tablet   768–1279px
   mobile   <= 767px
*/