@font-face {
    font-family: Akrobat;
    font-display: swap;
    src: url('../fonts/Akrobat-Bold.woff2') format('woff2'), url('../fonts/Akrobat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
:root {
    --ozon-color: #0551db;
    --wildberries-color: #730d86;
    --gable-green: #183d32;
    --gable-green-015: rgba(24, 61, 50, 0.15);
    --gable-green-03: rgba(24, 61, 50, 0.3);
    --gable-green-05: rgba(24, 61, 50, 0.5);
    --black: #000000;
    --black-05: rgba(0, 0, 0, 0.5);
    --white: #ffffff;
    --cararra: #f1f2ec;
    --sun: #f9b114;
    --font-primary: 'Montserrat', sans-serif;
    --font-second: 'Inter', sans-serif;
    --font-accent: 'Akrobat', sans-serif;
    --title-primary-color: var(--gable-green);
    --text-primary-color: var(--gable-green);
    --text-second-color: var(--white);
    --text-accent-color: var(--sun);
    --text-rare-color: var(--black);
    --section-primary-bg: var(--white);
    --section-accent-bg: var(--sun);
    --component-second-bg: var(--white);
    --component-light-bg: var(--cararra);
    --component-extra-light-bg: var(--gable-green-03);
    --component-accent-bg: var(--gable-green);
    --component-extra-accent-bg: var(--sun);
    --border-primary-color: var(--gable-green);
    --border-light-color: var(--black-05);
    --border-extra-light-color: var(--gable-green-015);
    --button-primary--bg: var(--gable-green);
    --button-accent--bg: var(--sun);
    --button-wildberries-color: var(--wildberries-color);
    --button-ozon-color: var(--ozon-color);
    --button-accent-hover-active-bg: var(--sun);
}