/* Aspetto comune a tutte le pagine di ReCircula: colori, carattere, link.
   Va collegato DOPO lo stile della pagina, così colori e carattere sono sempre questi.
   Ogni pagina usa nomi di colore leggermente diversi (--acc / --accent, --mut / --muted): qui valgono entrambi. */
:root {
  --bg:#f6f7f5; --fg:#1d2420; --card:#fff; --line:#dde2dd;
  --acc:#2f7d4f; --accent:#2f7d4f;
  --mut:#6b756f; --muted:#6b756f;
  --bad:#b3402f; --warn:#a4491f;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#141815; --fg:#e7ece8; --card:#1e2420; --line:#2c342f;
    --acc:#5fbf86; --accent:#5fbf86;
    --mut:#93a09a; --muted:#93a09a;
    --bad:#e0745f; --warn:#e29a72;
  }
}
body { background:var(--bg); color:var(--fg); font-family:system-ui, sans-serif; font-size:16px; line-height:1.4; }
a { color:var(--acc); }
h1, h2 { line-height:1.25; }