/* ============================================================
   Auditorium — CSS Custom Properties (Design Tokens)
   Извлечены из Figma: AudProject
   ============================================================ */

:root {
    /* =========================================================
       ЦВЕТОВАЯ ПАЛИТРА
       ========================================================= */

    /* Основные */
    --color-primary: #8F77EC;          /* main — фиолетовый (акцентный) */
    --color-primary-rgb: 143, 119, 236;
    --color-accent: #F37748;           /* 2 — оранжевый (кнопки, акценты) */
    --color-accent-rgb: 243, 119, 72;

    /* Текстовые */
    --color-text: #363636;             /* текст — основной */
    --color-text-alt: #353B3C;         /* text — вариант */
    --color-text2: #4C4C4C;            /* text2 — дополнительный серый */
    --color-link: #696969;             /* ссылки в хлебных крошках */

    /* Фоны */
    --color-header-bg: #3E2F7B;        /* фон Header */
    --color-footer-light: #F0ECFF;     /* светлый фон в Footer */
    --color-white: #FFFFFF;
    --color-border: #D9D9D9;           /* разделители */

    /* =========================================================
       ТИПОГРАФИКА
       ========================================================= */

    /* Шрифты */
    --font-heading: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif;
    --font-body: "Arial MT", "Arial", "Helvetica Neue", sans-serif;

    /* h1 — Bebas Neue Cyrillic, 50px, Regular */
    --fs-h1: 50px;
    --fw-h1: 400;
    --lh-h1: 1.0;

    /* h1 mob — мобильный заголовок */
    --fs-h1-mob: 36px;
    --fw-h1-mob: 400;
    --lh-h1-mob: 1.2;

    /* 18 bold — Arial MT, 18px, Bold */
    --fs-18-bold: 18px;
    --fw-18-bold: 700;
    --lh-18-bold: 1.25;

    /* 16 med — Arial MT, 16px, Medium */
    --fs-16-med: 16px;
    --fw-16-med: 400;
    --lh-16-med: 1.25;

    /* 16 bold — Arial MT, 16px, Bold */
    --fs-16-bold: 16px;
    --fw-16-bold: 700;
    --lh-16-bold: 1.45;

    /* 16 reg — Arial MT, 16px, Light */
    --fs-16-reg: 16px;
    --fw-16-reg: 400;
    --lh-16-reg: 1.6;

    /* 14 bold — Arial MT, 14px, Bold */
    --fs-14-bold: 14px;
    --fw-14-bold: 700;
    --lh-14-bold: 1.45;

    /* 14 reg — Arial MT, 14px, Light */
    --fs-14-reg: 14px;
    --fw-14-reg: 400;
    --lh-14-reg: 1.6;

    /* =========================================================
       МАКЕТ И ОТСТУПЫ
       ========================================================= */

    --container-width: 1290px;
    --page-max-width: 1920px;
    --header-height: 41px;

    /* =========================================================
       СКРУГЛЕНИЯ И ТЕНИ
       ========================================================= */

    --radius-sm: 3px;
    --radius: 10px;
    --radius-round: 50px;

    --shadow-card: 0px 4px 13.3px 0px rgba(0, 1, 45, 0.1);
    --shadow-card-purple: 0px 4px 16.1px 0px rgba(125, 102, 211, 0.12);

    /* =========================================================
       ПЕРЕХОДЫ
       ========================================================= */

    --transition-fast: 0.15s ease;
    --transition: 0.3s ease;
    --transition-slow: 0.5s ease;
}