/*@import url(variables.css);*/
@import url(busca_tabs.css);
@import url(external-link-icon.css);
@import url(showcase.css);
@import url(mobile.css);
@import url(accordion.css);
@import url(header.css);
@import url(style.css);

html {
    --purple: #31185f;
    --lilac: #724e9f;
    --pink: #a590c8;
    --blue: #435597;
    --petrol: #1e899f;
    --teal: #009ea3;
    --transluteal: #009ea380;
    --links: #40c3c7;
    --bbblue: #aadff3;
    --txt-bg: #ede8ee;
    --txt-color: #4A4B62;
}

html[data-theme='light'] {
    --purple: #31185f;
    --lilac: #724e9f;
    --pink: #a590c8;
    --blue: #435597;
    --petrol: #1e899f;
    --teal: #009ea3;
    --transluteal: #009ea380;
    --links: #40c3c7;
    --bbblue: #aadff3;
    --txt-bg: #ede8ee;
    --txt-color: #4A4B62;
}

html[data-theme='dark'] {
    --purple: #31185f;
    --lilac: #563e75;
    --pink: #a590c8;
    --blue: #435597;
    --petrol: #1e899f;
    --teal: #009ea3;
    --transluteal: #009ea380;
    --links: #75e0e4;
    --bbblue: #aadff3;
    --txt-bg: #211f22;
    --txt-color: #fdfdfd;
}

html[data-theme='dark'] .biblio-title,
html[data-theme='dark'] #body>h1,
html[data-theme='dark'] #body>h2,
html[data-theme='dark'] #body>h3,
html[data-theme='dark'] #body>h4,
html[data-theme='dark'] #body>h5,
html[data-theme='dark'] #body>h6,
html[data-theme='dark'] #body a {
    color: var(--links);
}

html[data-theme='dark'] #body a:hover {
    color: var(--bbblue);
}

html[data-theme='dark'] #floating-menu button {
    background-color: var(--petrol);
    color: white;
}

html[data-theme='dark'] .notices.blue {
    background: #397486 !important;
    color: #d1e5ee !important;
}

html[data-theme='dark'] .notices.red {
    background: #b03f3c !important;
    color: #fdf7f7 !important;
}

html[data-theme='dark'] .notices.green {
    background: #357135 !important;
    color: #d8e8d8 !important;
}

html[data-theme='dark'] .notices.yellow {
    background: #df8a13 !important;
    color: #fcf8f2 !important;
}


html[data-theme='dark'] table,
html[data-theme='dark'] table tr>th {
    border: 1px solid #322333;
}

html[data-theme='dark'] th,
html[data-theme='dark'] table tr:nth-child(2n) {
    background: #322333;
    padding: 0.5rem;
}

html[data-theme='dark'] .biblio-links {
    background-color: var(--blue);
    box-shadow: var(--purple) 0px -0.2em inset;
    color: var(--links);
}

html[data-theme='dark'] .swiper-slide h4,
html[data-theme='dark'] .swiper-slide p a {
    color: var(--bbblue);
}

html[data-theme='dark'] .busca-tabs>.container button {
    color: var(--bbblue);
    background: var(--purple);
}

html[data-theme='dark'] .busca-tabs>.container button.button-tab {
    border: var(--pink) solid;
    border-width: 1px 1px 0;
}

html[data-theme='dark'] .content-container {
    border: 1px solid var(--pink);
}

html[data-theme='dark'] .swiper-pagination-bullet {
    background: var(--blue);
}

html[data-theme='dark'] .features.big h4,
html[data-theme='dark'] .features2.small h4 {
    color: white;
}

html[data-theme='dark'] textarea, 
html[data-theme='dark'] input[type="email"], 
html[data-theme='dark'] input[type="number"], 
html[data-theme='dark'] input[type="password"], 
html[data-theme='dark'] input[type="search"], 
html[data-theme='dark'] input[type="tel"], 
html[data-theme='dark'] input[type="text"], 
html[data-theme='dark'] input[type="url"], 
html[data-theme='dark'] input[type="color"], 
html[data-theme='dark'] input[type="date"], 
html[data-theme='dark'] input[type="datetime"], 
html[data-theme='dark'] input[type="datetime-local"], 
html[data-theme='dark'] input[type="month"], 
html[data-theme='dark'] input[type="time"], 
html[data-theme='dark'] input[type="week"], 
html[data-theme='dark'] select[multiple="multiple"] {
    background-color: var(--txt-bg);
    border: 1px solid var(--blue);
}

html[data-theme='dark'] textarea:focus, 
html[data-theme='dark'] input[type="email"]:focus, 
html[data-theme='dark'] input[type="number"]:focus, 
html[data-theme='dark'] input[type="password"]:focus, 
html[data-theme='dark'] input[type="search"]:focus, 
html[data-theme='dark'] input[type="tel"]:focus, 
html[data-theme='dark'] input[type="text"]:focus, 
html[data-theme='dark'] input[type="url"]:focus, 
html[data-theme='dark'] input[type="color"]:focus, 
html[data-theme='dark'] input[type="date"]:focus, 
html[data-theme='dark'] input[type="datetime"]:focus, 
html[data-theme='dark'] input[type="datetime-local"]:focus, 
html[data-theme='dark'] input[type="month"]:focus, 
html[data-theme='dark'] input[type="time"]:focus, 
html[data-theme='dark'] input[type="week"]:focus, 
html[data-theme='dark'] select[multiple="multiple"]:focus {
    background-color: var(--txt-bg);
    border-color: var(--blue);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px var(--blue);
}

/* text size*/

html[text-size='normal'] {
    font-size: 100%;
}

html[text-size='big'] {
    font-size: 130%;
}