/* 
██████╗░░█████╗░░█████╗░████████╗
██╔══██╗██╔══██╗██╔══██╗╚══██╔══╝
██████╔╝██║░░██║██║░░██║░░░██║░░░
██╔══██╗██║░░██║██║░░██║░░░██║░░░
██║░░██║╚█████╔╝╚█████╔╝░░░██║░░░
╚═╝░░╚═╝░╚════╝░░╚════╝░░░░╚═╝░░░*/

@font-face {
    font-family: 'GloriaScript';
    src: url('fonts/gloriascript.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {

    /* Ширина контента */
    --content-width-desktop: 70vw;
    --content-width-mobile: 90vw;
    --mobile-version-width: 1279px;
    
    /* Шрифты */ 
    --font-title: 'Noto Serif', serif;       /* заголовки */
    --font-text: 'Noto Serif', serif;        /* текст */
    --font-accent: 'GloriaScript', serif;    /* акцент */
   
    /* Цвета */
    --green-dark: #1f3627;
    --green-light:#026533;
    --red-dark: #8d251f;
    --red-light: #df0005;
    --beige-dark: #cfab87;
    --beige-light: #f5e4d3;
    --brown-dark: #2f221f;
    --brown-second: #423734;

    /* Эффект для навигации */
    --bar-height: 64px;
    --header-bg: rgba(255, 255, 255, 0.06);
    --header-border: rgba(255, 255, 255, 0.12);
    --header-accent: rgba(255, 255, 255, 0.85);


}