/* variables.css */
:root {
    --P-AzulUltramar: #2c1261;
    --P-RojoTrafico: #ed1a39;
    --S-RojoFrambuesa: #c60c58;
    --S-MagentaTele: #e8197b;
    --S-NegroIntenso: 000000;
    --S-GrisTele: #c1c5d3;
    --S-PardoGrisaceo: #3d3d3d;
    --S-AzulTrafico: #021da3;
    --S-AzulNochePerlado: #00365f;
    --S-AmarilloMelon: #ffa400;
    --S-CobrePerlado: #633510;
    --S-AmarilloArena: #e1b77e;
    --D-AmarilloTrafico: #ffd300;
    --D-VerdeLuminoso: #04bc99;
    --D-AzulTurquesa: #00b0c6;
    --D-RojoTrafico: #ed1a39;
    --D-VioletaSenales: #822f78;
    --VECTORS: #bfa2e5;
    --Blanco: #fff;
    --nav-bg: var(--P-AzulUltramar, #26105a);
    --nav-txt: #fff;
    --accent: #06B6D4;
    --hover: rgba(255,255,255,.1);
}

body {
    padding: 0;
    margin: 0;
}


.bg-AzulUltramar {
    border-left: 3px solid var(--P-AzulUltramar, #2C1261);
    background: #EAE5F5;
}

.bg-AzulNochePerlado {
    border-left: 3px solid var(--S-AzulNochePerlado);
    background: #C3E5FF;
}

.bg-RojoTrafico {
    border-left: 3px solid var(--D-RojoTrafico);
    background: #FFEEF0;
}

.bg-VerdeLuminoso {
    border-left: 3px solid var(--D-VerdeLuminoso);
    background: #E5FFFA;
}