/* ========================================================= */
/*                      🌞 TEMA CLARO (DEFAULT)               */
/* ========================================================= */
:root {
    /* -------------------------------------- */
    /* PALETA BASE DO LOGO (VERSÕES LIGHT)    */
    /* -------------------------------------- */

    --color-primary-dark: #4A3A2A;     /* Marrom escuro */
    --color-primary: #5E4A3B;          /* Marrom médio */
    --color-primary-light: #7E6B5D;    /* Marrom claro */
    
    --color-secondary: #4A633F;        /* Verde escuro */
    --color-accent: #6C8B58;           /* Verde claro */

    --color-muted: #8E8A84;            /* Cinza/marrom suave */

    /* -------------------------------------- */
    /* ELEMENTOS GERAIS (DEFAULT THEME)         */
    /* -------------------------------------- */

    --color-bg: #4A3A2A;               /* Fundo geral */
    --color-surface-primary: #ffffff;
    --color-surface-secondary: #F5F1EB;          /* Cartões/painéis */
    --color-text: #000000;             /* Texto principal */

    /* Menu Superior */
    --color-menu-bg: #4A633F;
    --color-menu-text: #ffffff;

    /* Menu Inferior (mobile) */
    --color-bottom-nav-bg: #4A633F;
    --color-bottom-nav-text: #ffffff;

    /* Inputs e Bordas */
    --color-border: #cfc8c0;
    --color-input-bg: #ffffff;
    --color-input-text: #000000;

    /* -------------------------------------- */
    /* ESTADOS (mesmos nos dois temas)        */
    /* -------------------------------------- */
    --color-success: #5cb85c;
    --color-danger:  #d9534f;
    --color-warning: #f0ad4e;
    --color-info:    #5bc0de;
}



/* ========================================================= */
/*                       🌙 TEMA ESCURO                      */
/* ========================================================= */
[data-theme="dark"] {

    /* -------------------------------------- */
/* PALETA BASE DO LOGO (VERSÕES DARK)    */
/* -------------------------------------- */

--color-primary-dark: #A18C79; 
--color-primary: #B6A18D;
--color-primary-light: #C3B2A6;

--color-secondary: #749D61; 
--color-accent: #93B37F;

--color-muted: #6E6A64;

/* -------------------------------------- */
/* ELEMENTOS GERAIS (DARK THEME)          */
/* -------------------------------------- */

--color-bg: #1A1410;
--color-surface-primary: #2A201A;
--color-surface-secondary: #4A3A2A;
--color-text: #EBE6E0; 

/* Menu Superior */
--color-menu-bg: #33422A; 
--color-menu-text: #EBE6E0; 

/* Menu Inferior (mobile) */
--color-bottom-nav-bg: #33422A; 
--color-bottom-nav-text: #EBE6E0; 

/* Inputs e Bordas */
--color-border: #4A3A2A;
--color-input-bg: #ffffff;
--color-input-text: #000000; 

    /* -------------------------------------- */
    /* ESTADOS (iguais ao tema claro)         */
    /* -------------------------------------- */
    --color-success: #5cb85c;
    --color-danger:  #d9534f;
    --color-warning: #f0ad4e;
    --color-info:    #5bc0de;
}