:root {
    --font: system-ui, "segoe ui", roboto, helvetica, arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol";
    --font-size-xs: 8px;
    --font-size-sm: 10px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 22px;
    --font-size-xxl: 30px;
    --font-weight-normal: 400;
    --box-shadow-standard: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25) !important;
    --box-shadow-b: 0px 4px 8px rgba(0, 0, 0, 0.5), 0px 2px 12px rgba(0, 0, 0, 0.25) !important;
    --box-shadow-right: 5px 5px 5px 1px rgba(0, 0, 0, 0.5);
    --box-shadow-left: -5px 5px 5px 1px rgba(0,0,0,.5);
    --box-shadow-deep: 0px 20px 20px 0px rgba(0, 0, 0, 0.5);
    --box-shadow-light: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 1px 6px rgba(0, 0, 0, 0.25) !important;
    --box-shadow-top: 0px -2px 12px rgba(0, 0, 0, 0.25) !important;
    --box-shadow-side: 0px -5px 4px rgba(0, 0, 0, 0.5);
    --border-radius-sm: 5px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --border-radius-circle: 50%;
    --border-radius-bottom: 0px 5px 5px 0px;
    --margin-top-bottom-sm: 5px 0px 5px 0px;
    --margin-top-bottom-md: 10px 0px 10px 0px;
    --margin-left-right-sm: 0px 5px 0px 5px;
    --margin-left-right-md: 0px 10px 0px 10px;
    --margin-sm: 5px 5px 5px 5px;
    --margin-md: 20px 10px 20px 10px;
    --color-background-header-footer: #262626; /*#191919*/ /*#f0932b*/
    --color-white: #fff;
    --color-black: #333;
    --color-primary: #f0932b;
    --color-secondary: #ffb811;
    --color-tertiary: #d9191f;
    --color-highlight: #f1c40f66;
}