/* Personalización cromática de EVANAH.
   La estructura, tamaños y componentes permanecen en style.css. */
:root {
    --evanah-navy: #07104a;
    --evanah-blue: #155fea;
    --evanah-cyan: #06b9e9;
    --evanah-purple: #6c2bd9;
    --evanah-magenta: #f20c7a;
}

.text-pink { color: var(--evanah-magenta) !important; }
.text-purple { color: var(--evanah-purple) !important; }
.text-green { color: var(--evanah-cyan) !important; }
.text-blue { color: var(--evanah-blue) !important; }

.bg-pink { background: var(--evanah-magenta) !important; }
.bg-purple { background: var(--evanah-purple) !important; }
.bg-green { background: var(--evanah-cyan) !important; }
.bg-blue { background: var(--evanah-blue) !important; }

#rev_slider_346_1_wrapper { background: var(--evanah-magenta) !important; }
.about-card.active:nth-child(1) { background: var(--evanah-cyan) !important; }
.about-card.active:nth-child(2) { background: var(--evanah-blue) !important; }
.about-card.active:nth-child(3) { background: var(--evanah-purple) !important; }
.cubeportfolio .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.cubeportfolio .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap:hover {
    background: var(--evanah-blue) !important;
}
.btn.btn-green {
    background: var(--evanah-cyan) !important;
    border-color: var(--evanah-cyan) !important;
}
.btn.btn-green:hover {
    background: var(--evanah-magenta) !important;
    border-color: var(--evanah-magenta) !important;
}
.contact-sec .contact-details ul li i.addr { color: var(--evanah-magenta) !important; }
.contact-sec .contact-details ul li i.phone { color: var(--evanah-blue) !important; }
.contact-sec .contact-details ul li i.email { color: var(--evanah-purple) !important; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--evanah-cyan);
    outline-offset: 3px;
}