/* Variables de colores primarios - Colocados al inicio para fácil modificación */
:root {
    --primary-color: #FF8C00; /* Principal del logo */
    --primary-color-rgb: 255, 140, 0; /* Valores RGB para color primario */
    --secondary-color: #1E88E5; /*  Vibrante como secundario */
    --secondary-color-rgb: 30, 136, 229; /* Valores RGB para color secundario */
    --accent-color: #FFA726; /* Naranja más claro del logo para acentos */
    --accent-color-rgb: 255, 167, 38; /* 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;
}