/* ============================================================
   MeepleBay — Design System, blocco base
   Corrisponde al blocco "RESET & BASE" di
   .claude/skills/meeplebay-ui-design/assets/meeplebay.css.

   Sta in un foglio separato da meeplebay.css perche queste sono
   le uniche regole NON prefissate .mb-*: lo carica _mb-head.html
   per le pagine portate sul design system, mentre le pagine /user/*
   sull'app shell (AppShell) restano su tokens.css e base.css.
   Vedi docs/EPIC-FRONTEND-RESTYLING.md, "Split del CSS".
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Rubik", Inter, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: var(--mb-text);
  background: var(--mb-surface);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--mb-accent); text-decoration: none; }
a:hover { color: var(--mb-accent-dark); text-decoration: underline; }
button { font: inherit; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
main { min-height: calc(100vh - var(--mb-header-h)); }
:focus-visible { outline: 2px solid var(--mb-accent); outline-offset: 2px; border-radius: var(--mb-r-xs); }