/* Redion brand (rebrand Magnolia) — palette e tipografia condivise.
   Valori dalle BRD Guidelines generali (cap. 5 Colors, cap. 6 Typography). */
:root {
    --rd-white: #FFFFFF; 
    /* Blu */
    --rd-dark-blue: #030338;
    --rd-medium-blue: #1A2BC2;
    --rd-bright-blue: #5466FF;
    --rd-light-blue: #BFD6FF;
    --rd-secondary-blue: #727FEC;
    /* Rossi */
    --rd-dark-red: #630D14;
    --rd-medium-red: #C21C17;    /* full palette/preferred choice (il #C21C27 di pag.22 è un refuso) */
    --rd-bright-red: #FF3026;
    --rd-pink: #FFC4EB;
    /* Grigi */
    --rd-dark-grey: #757575;
    --rd-medium-grey: #DADAD9;
    --rd-light-grey: #EDEDEC;
    /* Semantici */
    --rd-success: #10B980;       /* Medium Green */
    --rd-success-text: #0C8B60;  /* success-800: testo success con contrasto AA su bianco */
    --rd-success-light: #6CF2C5; /* Light Green */
    --rd-warning: #F0B60A;       /* Medium Yellow */
    --rd-warning-dark: #915E06;  /* Dark Yellow */
    --rd-error: #C21C17;         /* Medium Red */
    --rd-info: #1A2BC2;          /* Medium Blue */
}

body {
    font-family: "Gabarito", "Aptos", Helvetica, Arial, sans-serif;
}

/* Testi: label in Dark Blue, link in Medium Blue (guidelines 5.1) */
label {
    color: var(--rd-dark-blue);
}

a {
    color: var(--rd-medium-blue);
}

a:hover,
a:focus {
    color: var(--rd-dark-blue);
}

/* Override dei colori semantici Bootstrap (guidelines 5: sostituire i
   semantici, NON la scala di grigi) */
.text-success { color: var(--rd-success-text) !important; }
.border-success { border-color: var(--rd-success) !important; }
.alert-success {
    color: var(--rd-dark-blue);
    background-color: var(--rd-success-light);
    border-color: var(--rd-success);
}

.text-danger { color: var(--rd-error) !important; }
.border-danger { border-color: var(--rd-error) !important; }
.alert-danger {
    color: var(--rd-dark-red);
    background-color: var(--rd-pink);
    border-color: var(--rd-error);
}

.text-warning { color: var(--rd-warning-dark) !important; }
.border-warning { border-color: var(--rd-warning) !important; }
.alert-warning {
    color: var(--rd-warning-dark);
    border-color: var(--rd-warning);
}

.text-info { color: var(--rd-info) !important; }
.border-info { border-color: var(--rd-info) !important; }

/* Primario: Medium Blue, stato attivo/hover in Dark Blue */
.btn-primary {
    background-color: var(--rd-medium-blue);
    border-color: var(--rd-medium-blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--rd-dark-blue) !important;
    border-color: var(--rd-dark-blue) !important;
}