:root {
    /* Colores principales */
    --color-primary-db: #0F1932; /* Azul marino */
    --color-primary-mb: #5A8CBE; /* Azul claro medio */
    --color-primary-lb: #A4C0DB; /* Azul claro*/
    --color-accent-y: #E1FF00; /* Amarillo */
    --custom-red: #8A0005;
    /* Colores basicos */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #707070;
    /* Transparencia para los fondos */
    --overlay-dark-15: rgba(0, 0, 0, 0.15); /* Fondo más transparente */
    --overlay-dark-30: rgba(0, 0, 0, 0.3); /* Menú lateral */
    --overlay-dark-50: rgba(0, 0, 0, 0.5); /* Fondo general */
    --overlay-blue-40: rgba(90, 140, 190, 0.4); /* Azul claro transparente para las tarjetas y tablas */
    --overlay-blue-15: rgba(90, 140, 190, 0.15); /* Azul claro al 15% utilizado en: menú biografía hover, body eventos directo */
    --overlay-blue-20: rgba(90, 140, 190, 0.2); /* Azul claro al 20% utilizado en: fondo filtros */
    /* Texto */
    --text-color: #707070;
}