/* ═══════════════════════════════════════════════════════════════════════════
   aspetto-enoha-stili-sistema.css — UNICO_ASPETTO_ENOHA_V1 (tappa 4, passo 9)
   FILE GENERATO da scripts/unificazione/genera-aspetto-enoha-stili.js: non si
   modifica a mano (si rigenera; `--controlla` dice se è aggiornato).
   ───────────────────────────────────────────────────────────────────────────
   Colori e caratteri di Enoha di oggi (blu al posto del bordeaux, rosso di errore
   distinto, corpi e pesi dei caratteri della produzione del 12/10/2026): 27 token :root
   e 26 dichiarazioni in 24 regole di assets/css/system/bundle.css, css/theme.css che in
   produzione sono diverse da quelle del programma unico. Niente misure né struttura.
   Caricato solo da Enoha (interfaccia.tema_legacy = "enoha"), subito dopo il foglio da cui
   viene, come in produzione. Sparisce con la grafica per tutti (tappa 9).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── da assets/css/system/bundle.css ── */

:root {
  --bordeaux-50: #eff6ff;
  --bordeaux-100: #dbeafe;
  --bordeaux-200: #bcd0ec;
  --bordeaux-300: #93b4f2;
  --bordeaux-400: #2563eb;
  --bordeaux-500: #2563eb;
  --bordeaux-600: #1e40af;
  --bordeaux-700: #1e3a8a;
  --bordeaux-800: #172554;
  --bordeaux-900: #10193f;
  --bordeaux-950: #0a1028;
  --rosso-soft-08: rgba(30, 64, 175, 0.10);
  --rosso-soft-20: rgba(30, 64, 175, 0.22);
  --rosso-soft-30: rgba(30, 64, 175, 0.35);
  --danger-500: #c62828;
  --danger-700: #b71c1c;
  --danger-bg: rgba(198, 40, 40, 0.12);
  --danger-soft-20: rgba(198, 40, 40, 0.22);
  --glow-bordeaux: 0 0 0 1px rgba(37, 99, 235, 0.42), 0 18px 44px rgba(30, 64, 175, 0.24);
  --shadow-danger-glow: 0 0 0 3px rgba(198, 40, 40, 0.3);
}
body { background: radial-gradient(1100px 720px at 86% -10%, rgba(37,99,235,.15), transparent 56%), radial-gradient(900px 620px at -6% 108%, rgba(201,168,106,.06), transparent 55%), repeating-linear-gradient(135deg, rgba(255,255,255,.010) 0 2px, transparent 2px 7px), var(--bg-canvas) }
::selection { background: rgba(37,99,235,.45) }
.tab-btn.active, .nav-btn.active, .faro-tab.faro-tab--active, .cat-tab.active, .admin-tab.active, button[data-tab].active, [role="tab"][aria-selected="true"] { border-bottom-color: var(--rosso-primario, #1e40af) !important }
.sel.active, .pill.active, .periodo button.active, button.periodo.active { background: var(--rosso-primario, #1e40af) !important; border-color: var(--rosso-primario, #1e40af) !important }
main a:not(.btn):not(.faro-btn):not(.faro-back-btn):not(.btn-back):not(.tab-btn):not(.nav-btn):not(.account-link), .faro-main a:not(.btn):not(.faro-btn):not(.faro-back-btn) { text-decoration-color: var(--rosso-primario, #1e40af) }
.skip-link { background: var(--rosso-primario, #1e40af) }
.btn-invia { box-shadow: 0 4px 14px rgba(30, 64, 175, 0.35), inset 0 1px 0 rgba(244, 237, 228, 0.12) !important }
.btn-invia:hover { box-shadow: 0 6px 22px rgba(30, 64, 175, 0.55), 0 0 0 3px var(--accento-oro-soft), inset 0 1px 0 rgba(244, 237, 228, 0.15) !important }
.modal-confirm { box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3) !important }
.modal-confirm:hover { box-shadow: 0 4px 14px rgba(30, 64, 175, 0.45), 0 0 0 3px var(--accento-oro-soft) !important }
.tab-bar .tab-btn.active { background: linear-gradient(180deg, rgba(37, 99, 235, 0.10), transparent 70%) !important }
.dot--bord { box-shadow: 0 0 8px rgba(37, 99, 235, 0.6) }
.dot--danger { box-shadow: 0 0 8px rgba(198, 40, 40, 0.5) }
.hub-card .hub-card-sub { font-size: 11px }
.hub-btn .hub-btn-desc { font-size: 10px }
.cal-day.selected { background: linear-gradient(180deg, rgba(37, 99, 235, 0.10), var(--bg-surface)) !important }
.cal-day.has-prenotazioni .cal-dot, .cal-day .cal-dot { box-shadow: 0 0 5px rgba(37, 99, 235, 0.6) }
.pren-card__actions .switch input:checked + .slider { background: rgba(37, 99, 235, 0.25) }
.pren-btn--del:hover { background: rgba(37, 99, 235, 0.12) }
.aruba-sync-badge--err { background: rgba(198, 40, 40, 0.12); color: var(--danger-light) }
.pren-banner:hover { background: linear-gradient(180deg, rgba(37, 99, 235, 0.05), var(--bg-surface)) }
.btn-danger, .danger-button, .ds-btn-danger { color: var(--danger-light) !important }
.btn-danger:hover, .danger-button:hover, .ds-btn-danger:hover { background: var(--danger-500) !important }
.modal, .mod-box, .ds-modal { box-shadow: var(--shadow-xl), 0 0 30px rgba(37,99,235,.12) !important }

/* ── da css/theme.css ── */

:root {
  --accent-2: #1e40af;
  --accent-2-hover: #2563eb;
  --danger: #c62828;
  --danger-bg: rgba(198, 40, 40, 0.12);
  --rosso-soft-08: rgba(37, 99, 235, 0.08);
  --rosso-soft-30: rgba(37, 99, 235, 0.30);
  --shadow-glow: 0 0 0 1px rgba(37,99,235,0.42), 0 18px 44px rgba(30,64,175,0.24);
}