@layer base {
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--ant-font-family);
  font-size: var(--ant-font-size);
}

a { color: var(--accent); text-decoration: none; }

.name-primary { font-weight: 500; font-size: 13px; }
.name-desc { font-size: 11px; color: var(--muted); margin-top: 2px; }

footer {
  text-align: center;
  padding: 16px;
  color: var(--muted);
  font-size: 11px;
  border-top: 1px solid var(--border);
  margin-top: 24px;
}
}

/* quantaco-menu ships an unlayered `body { background-color: ...; color: ... }`
   reset (Tailwind preflight, for its own shadcn-style components). Per the CSS
   cascade-layers spec, ANY unlayered rule beats ANY rule inside @layer base
   regardless of specificity or import order, so it silently wins over the
   body rule above and turns the whole page white. Reasserting it here,
   unlayered with higher specificity, wins back regardless of load order. */
html body {
  background: var(--bg);
  color: var(--text);
}