/* @import url('https://cdn.jsdelivr.net/npm/modern-normalize@2.0.0/modern-normalize.min.css'); */

@font-face {
    font-family: 'Cormorant';
    src: url(../fonts/CormorantGaramond-Italic-VariableFont_wght.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Exo-2';
    src: url(../fonts/Exo2-Italic-VariableFont_wght.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

html{
    overflow-x: hidden
}

*{
    font-family: 'Exo-2', sans-serif;
}


:root {
    /* Цвета */
    --color-primary: #6366f1;
    --color-secondary: #8b5cf6;
    --color-text: #1f2937;
    --color-background: #ffffff;
    --color-border: #e5e7eb;

    /* Шрифты */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-base: 16px;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    /* Отступы (спейсинг) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 64px;

    /* Брейкпоинты */
    --breakpoint-mobile: 480px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;

    /* Тени */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
}


.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}