/* Variables de colores primarios - Colocados al inicio para fácil modificación */
:root {
    --primary-color: #1CA3B7; /*#FF8C00; /* Orange instead of red */
    --primary-color-rgb: 28, 163, 183; /* RGB values for primary color */
    --secondary-color: #7CD1DD; /*#FFA500; /* Darker orange for highlights */
    --secondary-color-rgb: 124, 209, 221; /* RGB values for secondary color */
    --accent-color: #4CAF50; /* Verde de los circuitos del logo */
    --accent-color-rgb: 76, 175, 80; /* 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;
}