/* Variáveis de cores para o tema claro */
:root {
    --primary-color: #DDDEDB; /* Cinza claro para o fundo principal */
    --secondary-color: #f8f9fa; /* Cinza suave para o fundo secundário */
    --background-color: #ffffff; /* Branco para o fundo da página */
    --surface-color: #ffffff;
    --card-bg: #ffffff;
    --text-color: #021E39; /* Azul escuro para o texto */
    --accent-color: #9F9778;
    --muted-color: #667085;
    --success-color: #2e7d32;
    --warning-color: #a86a1b;
    --error-color: #c62828;
    --border-color: #c8c3b4; /* Bege para as bordas */
    --input-bg-color: #ffffff; /* Branco para campos de input */
    --button-background: #02213F; /* Azul escuro para botões */
    --button-hover: #9F9778; /* Bege amarelado para o efeito hover */
    --button-hover-background: #9F9778;
    --button-text-color: #ffffff; /* Branco para o texto dos botões */
    --modal-bg-color: #ffffff; /* Branco para o fundo de modais */
    
    --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}