/* === Webfont Setup (Inter) === */
:root{
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}
html, body { font-family: var(--font-sans); }
:where(body) { font-variant-numeric: tabular-nums; }

:root{
  --eu-primary:#3B82F6; --eu-dark:#0F172A; --eu-accent:#10B981;
}
.text-primary{color:var(--eu-primary)!important;}
.btn-primary{background:var(--eu-primary);border-color:var(--eu-primary);}
.btn-outline-primary{color:var(--eu-primary);border-color:var(--eu-primary);}
.navbar-brand span{font-weight:700}
.hero{background:linear-gradient(180deg, rgba(59,130,246,0.05), transparent 60%);}
.card{border-radius:1rem}
.border-top{border-top:1px solid #e5e7eb!important}
.border{border-color:#e5e7eb!important}
footer{background:#fff}

/* Floating social buttons */
.eu-float{ position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 12px; z-index: 1030;}
.eu-float-btn{ width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: #25D366; box-shadow: 0 8px 24px rgba(0,0,0,.15); transition: transform .15s ease, box-shadow .15s ease;}
.eu-float-btn svg{width:26px;height:26px}
.eu-float-btn:hover{transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.2);}
.eu-ig{ background: #C13584; }
