:root {
    --container-width: 1440px;
    --container-small-width: 1114px;
    --container-padding: 20px;
    --container-padding-negative: -20px;
    --container-padding-sm: 10px;
    --container-padding-sm-negative: -10px;
    --scrollbar-width: calc(100vw - 100%);

    /* Colors */

    --korichnevyy: #462f10;
    --belyy: #fff;
    --bezhevyy: #d0ae7c;
    --sero-korichnevyy-grafik-raboty: #544937;
    --chernyy: #100000;
    --slayder: #c7bdad;
    --shapka: #ebe9e5;
    --ngs1: #00b9f2;
    --ngs2: #005fad;
    --ngs-3: #0086e6;
    --rbk1: #2a8288;
    --rbk2: #92cfae;
    --seryy-tarelka: #aeaeae;
    --kroshki: #968870;
    --oshibka: #b80000;
    --pri-klike: #bf9351;

    --color-primary: #462f10;
    --color-primary-hover: #462f10;
    --color-primary-light: #FCE9E8;
    --color-primary-dark: #462f10;
    --color-white: #FFFFFF;

    --color-text-primary: #2B2B2A;
    --color-text-second: #7C7979;
    --color-text-on-primary: #FFFFFF;
    --color-text-heading: #470101;
    --color-placeholder: #B5B5B5;

    --color-bg-page: #F7F7F6;
    --color-bg-card: #EBEBEB;
    --color-bg-card-second: #FFFFFF;
    --color-border: #EBEBEB;
    --color-button-border: #C9C9C9;

    /* Typography */

    --font-family: "Akrobat", sans-serif;
    --second-family: "Shnobel", sans-serif;
    --third-family: "Ikra Slab", sans-serif;
    --font3: "SF UI Display", sans-serif;

    --font-size-h1: 5rem; /* 50px */
    --font-size-h2: 5rem; /* 50px */

    --font-size-title-xl: 4.8rem; /* 48px */
    --font-size-title-lg: 4rem; /* 40px */
    --font-size-title-xl-sm: 3.8rem; /* 38px */
    --font-size-title-md: 3rem; /* 30px */
    --font-size-title-sm: 2.8rem; /* 28px */
    --font-size-title-xs: 1.8rem; /* 18px */

    --font-size-body: 1.6rem; /* 16px */
    --font-size-small: 1.4rem; /* 14px */
    --font-size-micro: 1.3rem; /* 13px */
    --font-size-phone: 2rem; /* 20px */

    --line-height-heading: normal;
    --line-height-body: normal;

    /* Spacing */

    --spacing-3: 0.3rem; /* 5px */
    --spacing-5: 0.5rem; /* 5px */
    --spacing-6: 0.6rem; /* 6px */
    --spacing-8: 0.8rem; /* 8px */
    --spacing-10: 1rem; /* 10px */
    --spacing-15: 1.5rem; /* 15px */
    --spacing-17: 1.7rem; /* 17px */
    --spacing-20: 2rem; /* 20px */
    --spacing-25: 2.5rem; /* 25px */
    --spacing-30: 3rem; /* 30px */
    --spacing-36: 3.6rem; /* 36px */
    --spacing-40: 4rem; /* 40px */
    --spacing-42: 4.2rem; /* 42px */
    --spacing-45: 4.5rem; /* 45px */
    --spacing-50: 5rem; /* 50px */
    --spacing-58: 5.8rem; /* 58px */
    --spacing-60: 6rem; /* 60px */
    --spacing-70: 7rem; /* 70px */
    --spacing-90: 9rem; /* 90px */
    --spacing-100: 10rem; /* 100px */
    --spacing-140: 14rem; /* 140px */

    /* Paddings */

    --pad-4: 0.4rem; /* 4px */
    --pad-8: 0.8rem; /* 8px */
    --pad-9: 0.9rem; /* 9px */
    --pad-9-5: 0.95rem; /* 9.5px */
    --pad-10: 1rem; /* 10px */
    --pad-12: 1.2rem; /* 12px */
    --pad-14: 1.4rem; /* 14px */
    --pad-15: 1.5rem; /* 15px */
    --pad-16: 1.6rem; /* 16px */
    --pad-18: 1.85rem; /* 18.5px */
    --pad-19: 1.9rem; /* 19px */
    --pad-20: 2rem; /* 20px */
    --pad-30: 3rem; /* 30px */
    --pad-30-5: 3.05rem; /* 30.5px */
    --pad-40: 4rem; /* 40px */
    --pad-48: 4.8rem; /* 48px */
    --pad-50: 5rem; /* 50px */
    --pad-63: 6.3rem; /* 63px */
    --pad-100: 10rem; /* 100px */

    /* Radius */

    --radius-8: 0.8rem; /* 8 */
    --radius-16: 1.6rem; /* 16px */
    --radius-30: 3rem; /* 30px */
    --radius-32: 3.2rem; /* 32px */
    --radius-47: 4.7rem; /* 47px */
    --radius-circle: 50%; /* 50% */

    /* Shadows */

    --shadow-footer: 0 -7px 13.8px 0 rgba(0, 0, 0, 0.08);
    --shadow-footer-mobile: 0 -3px 16.6px 7px rgba(0, 0, 0, 0.08);
    --shadow-header: 0 4px 6.9px 0 rgba(0, 0, 0, 0.11);
    --shadow-header-inset: 0 4px 6.9px 0 rgba(0, 0, 0, 0.11) inset;
    --shadow-widget: 0 -4px 12.6px 0 rgba(135, 12, 12, 0.18);

    /* Transitions */

    --transition: all 0.3s ease;
    --transition-fast: all 0.15s ease;
    --transition-slow: all 0.3s ease;
}