/* Hugin Analytics: branding demo (nero, bianco, arancione) */
@font-face { font-family: 'Inter'; src: url('/assets/inter-normal-latin-var.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/lora-normal-latin-var.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }
:root { --ink:#1C1C1E; --accent:#C4500E; --accent-dk:#A33F0A; --surface:#F2F1EF; --border:#E4E2DF; }
body { font-family: 'Inter', system-ui, sans-serif; background:#FAFAF8; color:var(--ink); }
h1,h2,h3,h4,h5 { font-family: 'Lora', Georgia, serif; color: var(--ink); }
.demo-banner { background: var(--accent); color:#fff; text-align:center; font-weight:600; padding:8px 12px; font-size:14px; letter-spacing:.3px; }
.demo-banner a { color:#fff; text-decoration: underline; }
.demo-header { background:#fff; border-bottom:1px solid var(--border); padding:12px 0; }
.demo-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); }
.demo-brand img { height:34px; }
.demo-brand b { font-family:'Lora',serif; font-size:19px; }
.demo-brand b span { color: var(--accent); }
.demo-cta { background:var(--accent); color:#fff !important; border-radius:6px; padding:7px 16px; font-weight:600; font-size:14px; text-decoration:none; }
.demo-cta:hover { background: var(--accent-dk); }
.nav-tabs .nav-link.active { color: var(--accent) !important; border-bottom: 2px solid var(--accent) !important; font-weight:600; }
.nav-tabs .nav-link { color: var(--ink); }
.kpi-card { background:#fff; border:1px solid var(--border); border-top:3px solid var(--accent); border-radius:8px; height:100%; }
.kpi-card .card-header { background:transparent; border:0; font-weight:600; font-size:14px; color:#3A3A3C; padding-bottom:0; }
.kpi-card .card-body { font-size:15px; }
.kpi-card .card-body div:last-child { font-weight:700; color: var(--ink); }
.demo-note { font-size:13px; color:#6E6E73; }
.demo-footer { border-top:1px solid var(--border); padding:18px 0 28px; margin-top:24px; font-size:13px; color:#6E6E73; }
.demo-footer a { color: var(--accent); }