:root {
    /* Spacing */

    --padding-small: 5px;
    --padding-medium: 15px;
    --padding-large: 50px;

    --margin-small: 5px;
    --margin-medium: 15px;
    --margin-large: 50px;

    /* Radius */
    --radius: 5px;

    /* Main Color */
    --color-main-hue: 0;
    --color-main-saturation: 100%;
    --color-main-lightness: 50%;

    /* Accent color */
    --color-accent-hue: 180;
    --color-accent-saturation: 100%;
    --color-accent-lightness: 50%;

    /* Buttons */
    --button-main-bg: hsl(0, 100%, 50%);
    --button-main-bg-hover: hsl(0, 100%, 40%);
    --button-main-ripple-color: rgba(255,255,255,0.3);
    --button-main-text-color: black;

    --button-secondary-bg: hsl(0, 0%, 100%);
    --button-secondary-bg-hover: hsl(0, 0%, 95%);
    --button-secondary-ripple-color: rgba(0,0,0,0.3);
    --button-secondary-text-color: green;

    --button-small-font-size: 12px;
    --button-small-padding: var(--padding-small);

    --button-medium-font-size: 16px;
    --button-medium-padding: var(--padding-medium);

    --button-large-font-size: 30px;
    --button-large-padding: var(--padding-large);

    
    

    --rsi-dividers-color: rgb(196, 196, 196);
    --rsi-window-bgcolor: #FFF;
    --page-bgcolor: #F3F3F4;

    --accent: #0066c0;/*#2F9DF2;*/
    --link-blue: #0066c0;
    --accent-light: rgb(24, 86, 134);
    --green: rgb(30, 134, 24);
    --red: #B12704;

    --normal-width: 680px;
    --product-header-container-sidebar-width: 200px;
    --product-header-container-gap: 25px;

    --title-font: "Poppins",sans-serif;
    --text-font: "Roboto",sans-serif;
    --sail-gray600: #4f566b;
    --white: #fff;
    --font12: 12px;
    --font12-lineHeight: 18px;
    --font13: 13px;
    --font13-lineHeight: 20px;
    --font14: 14px;
    --font14-lineHeight: 22px;
    --font16: 16px;
    --font16-lineHeight: 26px;
    --font17: 17px;
    --font17-lineHeight: 28px;
    --font18: 18px;
    --font18-lineHeight: 29px;
    --font19: 19px;
    --font19-lineHeight: 30px;
    --font20: 20px;
    --font20-lineHeight: 32px;
}