/*
 * Accessibilita' (WCAG 2.2 AA) - colori e contrasti. File separato: togliendo il suo <link> dai layout defaultNT e
 * login_homepage (o cancellando il file) tornano i colori del tema (dist/css/style.min.css), il resto
 * dell'accessibilita' (focus, salto al contenuto, nomi) resta.
 * Colori ricalcolati con lo stesso tono del tema e contrasto almeno 4,5:1 sia sul bianco sia sullo sfondo azzurrino
 * delle pagine (#eef5f9). Riferimenti WCAG: 1.4.3 contrasto, 1.4.11 contrasto non testuale.
 *
 * Colori del tema -> accessibili (contrasto su bianco / su #eef5f9):
 *   text-muted  #a1aab2 (2,4) -> #646f7a (5,1 / 4,6)    warning #ffbc34 (1,7) -> #956400 (5,1 / 4,6)
 *   success     #22c6ab (2,2) -> #157c6b (5,1 / 4,6)    info    #4798e8 (3,0) -> #196fc5 (5,0 / 4,6)
 *   danger      #ef6e6e (3,0) -> #da1818 (5,0 / 4,6)    primary #7460ee (4,5) -> #6a54ed (5,0 / 4,6)
 */
:root {
    --a11y-muted: #646f7a;
    --a11y-warning: #956400;
    --a11y-success: #157c6b;
    --a11y-info: #196fc5;
    --a11y-danger: #da1818;
    --a11y-primary: #6a54ed;
}

/* 1.4.3 - testo */
.text-muted { color: var(--a11y-muted) !important; }
.text-warning { color: var(--a11y-warning) !important; }
.text-success { color: var(--a11y-success) !important; }
.text-info { color: var(--a11y-info) !important; }
.text-danger { color: var(--a11y-danger) !important; }
.text-primary { color: var(--a11y-primary) !important; }
::placeholder { color: #666f76 !important; opacity: 1; }

/* pulsanti pieni: testo bianco su colore scuro (warning: testo scuro su giallo) */
.btn-info { background-color: var(--a11y-info) !important; border-color: var(--a11y-info) !important; color: #fff !important; }
.btn-success { background-color: var(--a11y-success) !important; border-color: var(--a11y-success) !important; color: #fff !important; }
.btn-danger { background-color: var(--a11y-danger) !important; border-color: var(--a11y-danger) !important; color: #fff !important; }
.btn-primary { background-color: var(--a11y-primary) !important; border-color: var(--a11y-primary) !important; color: #fff !important; }
.btn-warning { color: #212529 !important; }
.btn-info:hover, .btn-success:hover, .btn-danger:hover, .btn-primary:hover { filter: brightness(0.88); }

/* pulsanti "outline": testo e bordo scuri; al passaggio fondo pieno */
.btn-outline-info { color: var(--a11y-info) !important; border-color: var(--a11y-info) !important; }
.btn-outline-success { color: var(--a11y-success) !important; border-color: var(--a11y-success) !important; }
.btn-outline-danger { color: var(--a11y-danger) !important; border-color: var(--a11y-danger) !important; }
.btn-outline-primary { color: var(--a11y-primary) !important; border-color: var(--a11y-primary) !important; }
.btn-outline-warning { color: var(--a11y-warning) !important; border-color: var(--a11y-warning) !important; }
.btn-outline-info:hover, .btn-outline-info.active { background-color: var(--a11y-info) !important; color: #fff !important; }
.btn-outline-success:hover, .btn-outline-success.active { background-color: var(--a11y-success) !important; color: #fff !important; }
.btn-outline-danger:hover, .btn-outline-danger.active { background-color: var(--a11y-danger) !important; color: #fff !important; }
.btn-outline-primary:hover, .btn-outline-primary.active { background-color: var(--a11y-primary) !important; color: #fff !important; }
.btn-outline-warning:hover, .btn-outline-warning.active { background-color: var(--a11y-warning) !important; color: #fff !important; }

/* etichette */
.badge-info { background-color: var(--a11y-info) !important; color: #fff !important; }
.badge-success { background-color: var(--a11y-success) !important; color: #fff !important; }
.badge-danger { background-color: var(--a11y-danger) !important; color: #fff !important; }
.badge-primary { background-color: var(--a11y-primary) !important; color: #fff !important; }
.badge-warning { color: #212529 !important; }

/* contatori a zero della barra in basso del telefono (circle-mobile.css): grigio scuro invece di semitrasparente */
.circle-home .circle-zero { color: var(--a11y-muted) !important; opacity: 1 !important; }
