:root {
    /* Основные цвета */
    --color-dark: #0f172a;
    --color-light: #f8fafc;
    --color-white: #ffffff;

    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;

    --color-text-dark-secondary: #cbd5e1;
    --color-border-dark: rgb(255 255 255 / 12%);
    --color-border-light: #cbd5e1;

    /* Общий отступ от краёв экрана */
    --page-gutter: clamp(20px, 2.7778vw, 40px);

    /* Меню */
    --menu-height: 80px;
    --menu-mobile-height: 68px;

    --menu-logo-width: 145px;
    --menu-logo-height: 30px;

    --menu-column-gap: clamp(16px, 2.2vw, 32px);
    --menu-link-gap: clamp(10px, 1.4vw, 20px);

    --menu-button-width: 171px;
    --menu-button-height: 49px;
    --menu-button-radius: 5px;

    /* Общие параметры */
    --transition-base: 200ms ease;
    --color-accent: #06B6D4;
    --color-text-main: #0B1220;


    /* Контейнеры */
    --container-main: 1180px;
    --container-wide: 1350px;
    --container-text: 760px;
}