@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    src: local('Avenir'), url('/static/fonts/avenir_roman_12.woff') format('woff');
}

:root {
    /* Шрифты */
    --font-primary: 'Avenir', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
    /* Основная цветовая палитра */
    --primary-color: #329774;      /* Deep Teal Green - основной цвет */
    --accent-color: #D5694D;       /* Warm Terracotta - акцентный цвет */
    --secondary-color: #2F4858;    /* Muted Navy Blue - второстепенный цвет */
    --light-color: #F3F3F3;        /* Soft White/Light Gray - светлый цвет */
    --additional-color: #E7AF8F;   /* Muted Coral - дополнительный цвет */
    --complementary-color: #C4A35A; /* Deep Mustard - комплементарный цвет */
    
    /* Функциональные цвета */
    --text-primary: var(--secondary-color);    /* Используем Navy Blue для основного текста */
    --text-secondary: var(--primary-color);    /* Teal Green для второстепенного текста */
    --text-light: var(--light-color);          /* Light Gray для светлого текста */
    --background-main: var(--light-color);     /* Light Gray для основного фона */
    --background-accent: var(--additional-color); /* Muted Coral для акцентного фона */
    --button-primary-bg: var(--primary-color); /* Teal Green для основных кнопок */
    --button-primary-text: var(--light-color); /* Light Gray для текста на основных кнопках */
    --button-accent-bg: var(--accent-color);   /* Terracotta для акцентных кнопок */
    --button-accent-text: var(--light-color);  /* Light Gray для текста на акцентных кнопках */
    --footer-text: var(--secondary-color);     /* Navy Blue для текста в футере */
    
    /* Прозрачные версии для эффектов */
    --primary-color-90: rgba(50, 151, 116, 0.9);    /* Teal Green с прозрачностью */
    --accent-color-90: rgba(213, 105, 77, 0.9);     /* Terracotta с прозрачностью */
    --primary-color-shadow: rgba(50, 151, 116, 0.2); /* Тень Teal Green */
    --accent-color-shadow: rgba(213, 105, 77, 0.2);  /* Тень Terracotta */
}