/* ============================================================
   iconColorSystem.css
   Sistema Institucional de Color · Iconografía CSS
   ============================================================ */

:root {
    /* Colores base */
    --color-base-1: #020617;
    --color-base-2: #0b1120;
    --color-base-3: #1f2937;

    /* Colores primarios */
    --color-primary-1: #3b82f6;
    --color-primary-2: #2563eb;
    --color-primary-3: #1d4ed8;

    /* Colores secundarios */
    --color-secondary-1: #22c55e;
    --color-secondary-2: #16a34a;

    /* Colores acento */
    --color-accent-1: #ec4899;
    --color-accent-2: #db2777;

    /* Colores científicos */
    --color-science-atom: #38bdf8;
    --color-science-dna: #8b5cf6;
    --color-science-brain: #ec4899;

    /* Colores tecnológicos */
    --color-tech-wave: #22c55e;
    --color-tech-telescope: #3b82f6;
    --color-tech-tube: #38bdf8;
}

/* Aplicación de colores institucionales */
.color-primary {
    background: var(--color-primary-1);
}

.color-secondary {
    background: var(--color-secondary-1);
}

.color-accent {
    background: var(--color-accent-1);
}