/* ═══════════════════════════════════════════════════════════════
   LIQUID GLASS — Bootstrap 5.3 bridge
   Rimappa le CSS custom properties di Bootstrap sui token liquid-glass,
   così i componenti Bootstrap (alert, modal, dropdown, form-control, btn)
   ereditano il look senza duplicare CSS.
   Carica DOPO bootstrap.min.css e DOPO tokens.css.
   ═══════════════════════════════════════════════════════════════ */

:root {
	/* Tipografia */
	--bs-body-font-family: var(--ff);
	--bs-body-font-size:   13px;
	--bs-body-color:       var(--ink);
	--bs-body-color-rgb:   15, 36, 39;
	--bs-font-sans-serif:  var(--ff);

	/* Brand / stato (pair: hex + rgb — Bootstrap usa entrambi) */
	--bs-primary:       #008290;
	--bs-primary-rgb:   0, 130, 144;
	--bs-secondary:     #5c7478;
	--bs-secondary-rgb: 92, 116, 120;
	--bs-success:       #00A85E;
	--bs-success-rgb:   0, 168, 94;
	--bs-info:          #0095A9;
	--bs-info-rgb:      0, 149, 169;
	--bs-warning:       #ffcb05;
	--bs-warning-rgb:   255, 203, 5;
	--bs-danger:        #EC627E;
	--bs-danger-rgb:    236, 98, 126;

	/* Link */
	--bs-link-color:             #008290;
	--bs-link-color-rgb:         0, 130, 144;
	--bs-link-hover-color:       #0095A9;
	--bs-link-hover-color-rgb:   0, 149, 169;

	/* Bordi */
	--bs-border-color:        rgba(0,130,144,.1);
	--bs-border-color-translucent: rgba(0,130,144,.12);

	/* Raggi */
	--bs-border-radius:      var(--r-md);
	--bs-border-radius-sm:   var(--r-sm);
	--bs-border-radius-lg:   var(--r-lg);
	--bs-border-radius-xl:   var(--r-xl);
	--bs-border-radius-2xl:  var(--r-xl);
	--bs-border-radius-pill: var(--r-pill);
}

/* Bottoni primari: override stati hover/active che Bootstrap precalcola
   indipendentemente da --bs-primary. */
.btn-primary {
	--bs-btn-bg: var(--teal);
	--bs-btn-border-color: var(--teal);
	--bs-btn-hover-bg: var(--teal-2);
	--bs-btn-hover-border-color: var(--teal-2);
	--bs-btn-active-bg: var(--teal-dark);
	--bs-btn-active-border-color: var(--teal-dark);
	--bs-btn-disabled-bg: var(--teal);
	--bs-btn-disabled-border-color: var(--teal);
	--bs-btn-focus-shadow-rgb: 0, 130, 144;
}
.btn-outline-primary {
	--bs-btn-color: var(--teal);
	--bs-btn-border-color: var(--teal);
	--bs-btn-hover-bg: var(--teal);
	--bs-btn-hover-border-color: var(--teal);
	--bs-btn-active-bg: var(--teal-2);
	--bs-btn-active-border-color: var(--teal-2);
	--bs-btn-focus-shadow-rgb: 0, 130, 144;
}

/* Form controls: allineare focus ring al teal */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
	border-color: var(--teal);
	box-shadow: 0 0 0 .2rem rgba(0,130,144,.15);
}
.form-check-input:checked {
	background-color: var(--teal);
	border-color: var(--teal);
}