:root {

    --bg-body:#F8F4EE;
    --bg-blue: #0B1D51;

    --product-card-border: #EFE7D4;

    --gradient-orange: #FF6A00;
    --gradient-pink: #E91E63;
    --gradient-purple: #7B2CBF;
    --gradient-blue: #0077CC;

    --primary-gradient: linear-gradient(
        90deg,
        #FF6A00 0%,
        #E91E63 35%,
        #7B2CBF 70%,
        #0077CC 100%
    );

    --gray-63: #A1A1A1;
    --gray-45: #737373;
    --gray-15: #262626;
    --gray-9: #171717;

    --orange-50: #FD9A00;
    --pink-color: #E63946;

    --white: #FFFFFF;
    --black: #000000;

    --font-primary: 'Poppins', sans-serif;

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;

    --line-height: 24px;
    --font-weight-bold: 700;

    --font-size-rating:11px;
    --line-height-rating:16px;
    --font-semi-bold:600;


}


@media (max-width: 767px) {
    :root {
    --font-size-xs: 8px;
    --font-size-sm: 10px;
    --font-size-md: 12px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-2xl: 18px;
    --font-size-3xl: 20px;
    }
}