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

    --color-bg: #F9EBD8;                 /* Bege claro */
    --color-bg-active: var(--color-bg);          /* Bege (ajustado para cor da imagem) */
    --color-bg-alt: #faf3ed;             /* 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: #D98A0E;       /* Laranja */
    --color-thumb-scrollbar: #D98A0E;    /* 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: #F2E4D6;          /* Bege médio */
    --color-beige-light: #F8E2BE;           /* Bege claro */
    --color-beige-dark: #b4a89f;            /* Bege escuro */
    --color-gray-light: #BEB7B0;            /* Cinza claro */
    --color-blue:var(--color-blue);           /* Azul */
    --color-success: #198754;               /* Verde */

    --font-primary: "Arvo", sans-serif;
    --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-white);
}