:root {
    --color-pri: #0B090A;
    --color-pri-active: #ff4d00;
    --color-sec: #e54500;
    --color-sec-active: #ff4d00;
    --color-bg: #fff;
    --color-bg-active: var(--color-bg);
    --color-bg-alt: #F5F5F5;
    --color-bg-gray: #807B75;
    --color-font: #807B75;
    --color-font-active: #0B090A;
    --color-white: #fff;
    --color-overlay: #081828;
    --swiper-pagination-color: var(--color-sec);
    --border-color: var(--color-bg-active);
    --border: 1px solid var(--color-bg-active);
    --color-thumb-border: #e54500;
    --color-thumb-scrollbar: #e54500;
    --color-thumb-bg: var(--color-bg);
    --color-thumb-shadow: rgba(0, 0, 0, 0.04);
    --color-slider-indicator: #BEB7B0;
    --color-share-btn: var(--color-pri-active);
    --color-share-btn-border: var(--color-pri-active);
    --color-share-icon: #181818;
    --color-qty-bg: var(--color-bg);
    --color-qty-btn-bg: #0B090A;
    --color-qty-btn-bg-active: #807B75;
    --color-line-header: #807b753e;
    --color-pri-gradient: var(--color-bg);
    --color-sec-gradient: #F8E1BD;
    --color-brown: #8D7360;
    --color-beige-medium: #f5f5f5;
    --color-beige-light: #f2f0ef;
    --color-beige-dark: #dedbd7;
    --color-gray-light: #BEB7B0;
    --color-blue: var(--color-blue);
    --color-success: #198754;
    --font-primary: "Inter", Verdana;
    --font-secondary: "Inter", Verdana;
    --line-height-font: 150%;

    --box-shadow-color: rgba(0, 0, 0, 0.137);
    --box-shadow-color-sec: var(--color-bg-gray);
    --box-shadow: 0px 0px 5px var(--box-shadow-color);

    --linear-gradient-bg: linear-gradient(180deg, var(--color-pri-gradient) 0%, var(--color-sec-gradient) 100%);
}