:root {
    /* Colores principales */
    --color-primary-db: #0F1932; /* Azul marino */
    --color-primary-db-a: #0f1932a1; /* Azul marino con transparencia */
    --color-primary-mb: #5A8CBE; /* Azul claro medio */
    --color-primary-lb: #A4C0DB; /* Azul claro*/
    --color-accent-y: #E2B200; /* Amarillo más calido, tirando a naranja probando a ver que tal queda no se */
    --custom-red: #8A0005;
    /* Pantone palette */
    --pantone-7409-c: #E2B200;
    --pantone-158-c: #EE7402;
    --pantone-warm-red-c: #E73337;
    --pantone-black-c: #262626;
    --pantone-214-c: #CB007C;
    --pantone-2603-c: #752483;
    --pantone-293-c: #0F56A4;

    /* Share card backgrounds (dark only) */
    --share-bg-marino: #0F1932;
    --share-bg-azul: #0F56A4;
    --share-bg-purpura: #752483;
    --share-bg-rosa: #CB007C;
    --share-bg-rojo: #E73337;
    --share-bg-negro: #262626;

    /* 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;
    --text-color-blue: #0097D8
}