/*!
 * Spangar Theme - Custom Fonts
 * Переопределение шрифтов: Unbounded (большие тексты) и MPLUSRounded1c (обычные тексты и заголовки)
 */

/* =============================================================================
   01. Font Faces - Unbounded (для больших текстов)
   ============================================================================= */

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded';
    src: url('../fonts/Unbounded-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =============================================================================
   02. Font Faces - MPLUSRounded1c (для обычных текстов и заголовков)
   ============================================================================= */

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MPLUSRounded1c';
    src: url('../fonts/MPLUSRounded1c-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =============================================================================
   03. Font Variables Overrides
   ============================================================================= */

/* Переопределяем переменные шрифтов из main.min.css */
:root {
    /* Основной шрифт для текста и заголовков */
    --_font-default: 'MPLUSRounded1c', sans-serif;

    /* Акцентный шрифт для больших текстов (hero, крупные заголовки) */
    --_font-accent: 'Unbounded', sans-serif;

    /* Также переопределяем базовые семейства шрифтов */
    --font-family-primary: 'MPLUSRounded1c', sans-serif;
    --font-family-accent: 'Unbounded', sans-serif;
}

/* Темная тема - те же настройки */
@media (prefers-color-scheme: dark) {
    :root {
        --_font-default: 'MPLUSRounded1c', sans-serif;
        --_font-accent: 'Unbounded', sans-serif;
    }
}

/* =============================================================================
   04. Typography Overrides
   ============================================================================= */

/* Основной текст */
body {
    font-family: 'MPLUSRounded1c', sans-serif !important;
}

/* Крупные заголовки и hero-тексты используют Unbounded */
h1, h2, h3,
.inner-headline__title,
.mxd-hero-section .hero-section__title,
.hero-section__caption {
    font-family: 'Unbounded', sans-serif !important;
}

/* Обычные заголовки и текст используют MPLUSRounded1c */
h4, h5, h6,
p, li, a,
.btn,
.section-title,
.section-descr {
    font-family: 'MPLUSRounded1c', sans-serif !important;
}

/* =============================================================================
   05. Font Weight Mappings
   ============================================================================= */

/* Настройка соответствия веса шрифтов */
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* Для Unbounded (акцентный шрифт) */
.font-accent-light { font-family: 'Unbounded', sans-serif; font-weight: 300; }
.font-accent-regular { font-family: 'Unbounded', sans-serif; font-weight: 400; }
.font-accent-medium { font-family: 'Unbounded', sans-serif; font-weight: 500; }
.font-accent-semibold { font-family: 'Unbounded', sans-serif; font-weight: 600; }
.font-accent-bold { font-family: 'Unbounded', sans-serif; font-weight: 700; }
.font-accent-extrabold { font-family: 'Unbounded', sans-serif; font-weight: 800; }

/* Для MPLUSRounded1c (основной шрифт) */
.font-primary-light { font-family: 'MPLUSRounded1c', sans-serif; font-weight: 300; }
.font-primary-regular { font-family: 'MPLUSRounded1c', sans-serif; font-weight: 400; }
.font-primary-medium { font-family: 'MPLUSRounded1c', sans-serif; font-weight: 500; }
.font-primary-bold { font-family: 'MPLUSRounded1c', sans-serif; font-weight: 700; }
.font-primary-extrabold { font-family: 'MPLUSRounded1c', sans-serif; font-weight: 800; }

/* =============================================================================
   06. Usage Examples
   ============================================================================= */

/*
Примеры использования в HTML:

<!-- Для больших заголовков (hero, основные заголовки секций) -->
<h1 class="font-accent-bold">Заголовок использует Unbounded</h1>

<!-- Для обычного контента -->
<p class="font-primary-regular">Текст использует MPLUSRounded1c</p>

<!-- Для акцентных элементов -->
<h2 class="font-accent-semibold">Заголовок с акцентным шрифтом</h2>

<!-- Смешанное использование -->
<div class="hero-section">
    <h1 class="font-accent-bold">Главный заголовок (Unbounded)</h1>
    <p class="font-primary-medium">Подзаголовок (MPLUSRounded1c)</p>
</div>
*/