/* Variables de colores primarios - Colocados al inicio para fácil modificación */
:root {
    --primary-color: #8BC34A; /* Verde principal del logo */
    --primary-color-rgb: 139, 195, 74; /* Valores RGB para color primario */
    --secondary-color: rgba(255, 152, 0, 0.6); /* Naranja con transparencia 60% */
    --secondary-color-rgb: 255, 152, 0; /* Valores RGB para color secundario sin transparencia */
    --accent-color: #FFEB3B; /* Amarillo del logo para acentos */
    --accent-color-rgb: 255, 235, 59; /* Valores RGB para color de acento */
    --text-color: #333333; /* Gris oscuro para textos */
    --text-color-rgb: 51, 51, 51; /* Valores RGB para color de texto */
    --text-white: #ffffff;
    --text-gray: #666666;
    --bg-light: #f9f9f9;
    --bg-cream: #FFF8EE;
}