/* ========================================================================= */
/*                                 Variáveis CSS                             */
/* ========================================================================= */
:root {
    --bg-color: #ffffff;
    --text-color: #2c3e50;
    --primary-color: #66BB44;
    /* Verde vibrante */
    --secondary-color: #003366;
    /* Azul escuro */
    --accent-color: #A4D65E;
    /* Verde claro/lima */
    --light-gray: #f8f9fa;
    --medium-gray: #6c757d;
    --border-radius: 12px;
    --shadow-light: 0 2px 10px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 8px 25px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --header-height: 100px;
    /* Aumentado para acomodar melhor o logo */
}