/* vista.css
   preferenze di lettura: contrasto e colore del testo, scelte dall'utente dal menu' in alto e ricordate dal browser.
*/

html[data-testo="nero"] {
    --ct-body-color: #000;
    --ct-body-color-rgb: 0, 0, 0;
    --ct-emphasis-color: #000;
    --ct-heading-color: #000;
    --ct-secondary-color: rgba(0, 0, 0, 0.8);
    --ct-tertiary-color: rgba(0, 0, 0, 0.65);
}

html[data-bs-theme="dark"][data-testo="nero"] {
    --ct-body-color: #fff;
    --ct-body-color-rgb: 255, 255, 255;
    --ct-emphasis-color: #fff;
    --ct-heading-color: #fff;
    --ct-secondary-color: rgba(255, 255, 255, 0.85);
    --ct-tertiary-color: rgba(255, 255, 255, 0.7);
}

html[data-testo="nero"][data-menu-color] {
    --ct-menu-item-color: #000;
    --ct-menu-item-hover-color: #000;
}

html[data-testo="nero"][data-topbar-color] {
    --ct-topbar-item-color: #000;
}

html[data-bs-theme="dark"][data-testo="nero"][data-menu-color] {
    --ct-menu-item-color: #fff;
    --ct-menu-item-hover-color: #fff;
}

html[data-bs-theme="dark"][data-testo="nero"][data-topbar-color] {
    --ct-topbar-item-color: #fff;
}

html[data-contrasto="forte"] {
    --ct-border-color: #7a8086;
    --ct-border-color-translucent: rgba(0, 0, 0, 0.35);
    --ct-secondary-color: rgba(0, 0, 0, 0.85);
    --ct-tertiary-color: rgba(0, 0, 0, 0.7);
    --ct-link-color: #0a3d91;
    --ct-link-color-rgb: 10, 61, 145;
}

html[data-contrasto="forte"] .table {
    --ct-table-border-color: #7a8086;
}

html[data-contrasto="forte"] .card {
    border: 1px solid var(--ct-border-color);
}

/* stesso discorso del testo nero: menu' e barra hanno un colore loro. Qui non
   si va al nero pieno, si scurisce il grigio */
html[data-contrasto="forte"][data-menu-color] {
    --ct-menu-item-color: #3b4147;
    --ct-menu-item-hover-color: #15181b;
}

html[data-contrasto="forte"][data-topbar-color] {
    --ct-topbar-item-color: #3b4147;
}

html[data-bs-theme="dark"][data-contrasto="forte"][data-menu-color] {
    --ct-menu-item-color: #ced4da;
    --ct-menu-item-hover-color: #fff;
}

html[data-bs-theme="dark"][data-contrasto="forte"][data-topbar-color] {
    --ct-topbar-item-color: #ced4da;
}

html[data-bs-theme="dark"][data-contrasto="forte"] {
    --ct-border-color: #b6bcc2;
    --ct-border-color-translucent: rgba(255, 255, 255, 0.35);
    --ct-secondary-color: rgba(255, 255, 255, 0.9);
    --ct-tertiary-color: rgba(255, 255, 255, 0.75);
    --ct-link-color: #9ec5ff;
    --ct-link-color-rgb: 158, 197, 255;
}

html[data-bs-theme="dark"][data-contrasto="forte"] .table {
    --ct-table-border-color: #b6bcc2;
}


/*************************/
/* colore del gruppo     */
/*************************/

html[data-colore="blu"] {
    --ct-primary: rgb(21, 87, 153);
    --ct-primary-rgb: 21, 87, 153;
    --ct-btn-primary-hover-bg: rgb(18, 77, 135);
    --ct-btn-primary-active-bg: rgb(16, 68, 119);
}

html[data-colore="teal"] {
    --ct-primary: rgb(13, 110, 110);
    --ct-primary-rgb: 13, 110, 110;
    --ct-btn-primary-hover-bg: rgb(11, 97, 97);
    --ct-btn-primary-active-bg: rgb(10, 86, 86);
}

html[data-colore="amaranto"] {
    --ct-primary: rgb(158, 27, 50);
    --ct-primary-rgb: 158, 27, 50;
    --ct-btn-primary-hover-bg: rgb(139, 24, 44);
    --ct-btn-primary-active-bg: rgb(123, 21, 39);
}

html[data-colore="viola"] {
    --ct-primary: rgb(95, 48, 140);
    --ct-primary-rgb: 95, 48, 140;
    --ct-btn-primary-hover-bg: rgb(84, 42, 123);
    --ct-btn-primary-active-bg: rgb(74, 37, 109);
}

/* la pastiglia colorata nella tendina delle preferenze */
.vista-pastiglia {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-right: 0.35rem;
    vertical-align: -1px;
}