:root {
    --sun-color-primary: #000000;
    --sun-color-secondary: #FFFFFF;
    --sun-bkg-primary: #F5F5F5;
    --sun-bkg-secondary: #525252;

    --sun-border-color-primary: #DDDDDD;
    --sun-border-color-secondary: #000000;

    --sun-background: #F0F0F0;
    --sun-background-darker: #525252;
    --sun-price-color: #77B800;

    --sun-bkg-color-btn-primary: #FF8800;
    --sun-bkg-color-btn-primary-hover: #FFFFFF;
    --sun-color-btn-primary: #FFFFFF;
    --sun-color-btn-primary-hover: #FF8800;
    --sun-border-color-btn-primary: #FF8800;
    --sun-border-color-btn-primary-hover: #FF8800;

    --sun-loader-primary: #FFFFFF;

    --sun-background-blur: rgb(82 82 82 / 50%);

    --sun-image-sm: 150px;
    --sun-content-spacing: 0 30px;
    --sun-summary-width: 20%;

    --sun-gap-sm: 5px;
    --sun-gap-md: 10px;
    --sun-gap-lg: 20px;
    --sun-gap-xl: 30px;

    --sun-spacing-sm: 5px;
    --sun-spacing-md: 10px;
    --sun-spacing-lg: 20px;
    --sun-spacing-xl: 30px;

    --sun-radius-sm: 4px;
    --sun-radius-lg: 16px;

    --sun-font-xs: 13px;
    --sun-font-sm: 15px;
    --sun-font-md: 20px;
    --sun-font-lg: 25px;
    --sun-font-xlg: 30px;
}