/* puffbase ooze override for lago front (MUI) */
:root {
  --puff-purple: #8b5cf6;
  --puff-purple-main: #6b46c1;
  --puff-yellow: #f59e0b;
  --puff-slime: #10b981;
  --puff-bg: #111827;
  --puff-card: #1f2937;
  --puff-deep: #190f28;
}
body { background-color: var(--puff-bg) !important; color: #f9fafb !important; }
/* lago surfaces */
.MuiPaper-root, .MuiCard-root, [class*="card"], header, [class*="Header"] {
  background-color: var(--puff-card) !important;
  color: #f9fafb !important;
}
.MuiAppBar-root, nav, [class*="NavBar"], [class*="sidebar"], [class*="Sidebar"] {
  background-color: var(--puff-deep) !important;
  border-color: #7e22ce !important;
  color: #f9fafb !important;
}
/* primary actions -> purple gradient */
.MuiButton-contained, .MuiButton-containedPrimary,
button[class*="primary"], a[class*="primary"] {
  background: linear-gradient(135deg, var(--puff-purple-main), var(--puff-purple)) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(107,70,193,.4) !important;
}
.MuiButton-contained:hover, .MuiButton-containedPrimary:hover {
  box-shadow: 0 0 18px rgba(168,85,247,.6) !important;
}
/* outlined buttons */
.MuiButton-outlined { border-color: #7e22ce !important; color: #c084fc !important; }
/* inputs */
.MuiInputBase-root, .MuiOutlinedInput-root, input, textarea {
  background-color: var(--puff-deep) !important; color: #f9fafb !important;
}
.MuiOutlinedInput-notchedOutline { border-color: #7e22ce !important; }
/* chips + accents */
.MuiChip-root { background-color: rgba(139,92,246,.15) !important; color: #c084fc !important; }
a { color: #c084fc !important; }
a:hover { color: var(--puff-yellow) !important; }
/* typography */
.MuiTypography-root, h1, h2, h3, h4, p, span, label { color: inherit; }
/* table */
.MuiTableCell-root { color: #f9fafb !important; border-color: rgba(126,34,206,.3) !important; }
.MuiTableHead-root .MuiTableCell-root { background: var(--puff-deep) !important; color: var(--puff-purple) !important; }
/* scrollbars */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--puff-bg); }
::-webkit-scrollbar-thumb { background: var(--puff-purple-main); border-radius: 4px; }