/* Archivo colors.css */

/* Colores primarios */
:root {
    --color-primary: #000000;      /* Color Primario */
    --color-secondary: #6C2B8D;    /* Color Secundario */
    --color-tertiary: #F3F8FF;     /* Color Terciario */
    --color-quaternary: #000000;   /* Color Cuaternario */
    --color-quinary: #000000;   /* Color Cuaternario */
}

/* Ejemplo de aplicación de colores */
body {
    background-color: var(--color-primary);
    color: var(--color-quaternary);
}

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

.btn-primary {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.card-header {
    background-color: var(--color-tertiary);
    color: var(--color-primary);
}

.footer {
    background-color: var(--color-quaternary);
    color: var(--color-primary);
}