/* =========================================================
   BASE — Reset, variables i estils tipogràfics globals
   Vàlid per a totes les zones (pública, admin).
   ========================================================= */

/* ----- Variables globals del projecte ----- */
:root {
  --ac-color-text:      #1a1a1a;
  --ac-color-fons:      #f9f9f9;
  --ac-color-vora:      #ddd;
  --ac-color-text-suau: #888;
  --ac-color-error:     #b3261e;
  --ac-amplada-max:     800px;
  --ac-font-base:       system-ui, sans-serif;
}

/* ----- Reset universal ----- */
*, *::before, *::after {
  box-sizing: border-box;
}

/* ----- Cos del document ----- */
body {
  font-family: var(--ac-font-base);
  color: var(--ac-color-text);
  background: var(--ac-color-fons);
  margin: 0;
}

/* ----- Tipografia base ----- */
h1 {
  font-size: 1.8rem;
  margin: 0 0 1.5rem;
}

/* ----- Accessibilitat: element visible només per lectors de pantalla ----- */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}