:root {
    --color-pri: #0B090A;                /* Preto */
    --color-pri-active: #ff4d00;         /* Laranja escuro */
    --color-sec: #e54500;                /* Laranja */
    --color-sec-active: #ff4d00;         /* Laranja escuro */

    --color-bg: #fff;                 /* Bege claro */
    --color-bg-active: var(--color-bg);          /* Bege (ajustado para cor da imagem) */
    --color-bg-alt: #F5F5F5;             /* Rodapé */
    --color-bg-gray: #807B75;            /* Cinza escuro (ajustado para cor da imagem) */

    --color-font: #807B75;               /* Cinza escuro */
    --color-font-active: #0B090A;        /* Preto */

    --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;       /* Laranja */
    --color-thumb-scrollbar: #e54500;    /* Laranja */
    --color-thumb-bg: var(--color-bg);            /* Bege */
    --color-thumb-shadow: rgba(0, 0, 0, 0.04);
    --color-slider-indicator: #BEB7B0;   /* Cinza claro da imagem */
    --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);            /* Bege */
    --color-qty-btn-bg: #0B090A;         /* Preto */
    --color-qty-btn-bg-active: #807B75;  /* Cinza escuro */

    --color-line-header: #807b753e;
    --color-pri-gradient: var(--color-bg);
    --color-sec-gradient: #F8E1BD; 


    /* Novas variáveis conforme a imagem */
    --color-brown: #8D7360;                 /* Marrom */
    --color-beige-medium: #f5f5f5;          /* Bege médio */
    --color-beige-light: #f2f0ef;           /* Bege claro */
    --color-beige-dark: #dedbd7;            /* Bege escuro */
    --color-gray-light: #BEB7B0;            /* Cinza claro */
    --color-blue:var(--color-blue);           /* Azul */
    --color-success: #198754;               /* Verde */

    --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%);
}

.header .main-menu-search .search-input input{
	background: var(--color-beige-medium);
}

.navbar-collapse.sub-menu-bar{
	justify-content: left !important;
}