:root {
    --background-color: #fff;
    --background-secondary-color: #f7f0eb;
    --card-color: #fbfafa;
    --active-color: #f0e4db;
    --main-color: #403225;
    --button: #604238;
    --button-hover: #5C1800;
    --button-active: #41190B;
    --hover-color: #BD461B;
    --circle-title: linear-gradient(180deg, #BD461B -38.46%, #573C33 100%);
    --component-border-radius: 40px;
    --component-border-radius--mobile: 20px;
    --component-offset-top: -40px;
    --component-offset-top-mobile: -20px;
    --header-height-desktop: 112px;
    --header-height-tablet: 90px;
    --header-height-mobile: 81px;

    --vh: calc(var(--vh, 1vh) * 1);
}