/* Fundi Plug - Clean Blue & White Theme */
:root{
  --bg0:#F8FAFC;
  --bg1:#FFFFFF;
  --card:#FFFFFF;
  --card2:#F1F5F9;
  --stroke:#E2E8F0;
  --primary:#2563EB;
  --primary-light:#DBEAFE;
  --secondary:#64748B;
  --warn:#F59E0B;
  --danger:#EF4444;
  --ok:#10B981;
  --text-main:#1E293B;
  --text-muted:#64748B;
}

html,body{height:100%;}
body{
  background-color: var(--bg0);
  color: var(--text-main);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.grid-bg{
  background-image: none;
}

.glass{
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.glass-strong{
  background: var(--card2);
  border: 1px solid var(--stroke);
}

.microglow{
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.microglow:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.focus-ring:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-light), 0 0 0 4px var(--primary);
}

/* animated pulses */
.pulse-dot{
  position: relative;
}
.pulse-dot::after{
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 999px;
  background: var(--primary);
  opacity: 0.2;
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse{
  0%{transform: scale(0.9); opacity: 0.1;}
  50%{transform: scale(1.3); opacity: 0.3;}
  100%{transform: scale(0.9); opacity: 0.1;}
}

/* hologram badge -> clean badge */
.holo{
  background: var(--primary-light);
  color: var(--primary);
  border: 1px solid var(--primary);
}

/* scrollbar */
*::-webkit-scrollbar{height:8px;width:8px;}
*::-webkit-scrollbar-thumb{background: #CBD5E1; border-radius: 999px;}
*::-webkit-scrollbar-thumb:hover{background: #94A3B8;}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .pulse-dot::after{animation:none;}
  .microglow{transition:none;}
}