/**
 * Base Styles
 *
 * Importa variables.css prima di questo file!
 * Contiene reset e stili globali base.
 */

* {
  box-sizing: border-box;
}

/* ========================================
   CSS Reset - Form Elements
   ======================================== */

/**
 * Reset margini per form elements e componenti base.
 * Questi elementi non dovrebbero avere spacing esterno di default.
 * Lo spacing viene gestito contestualmente nei layout.
 */
label,
input,
select,
button,
textarea {
  margin: 0;
}

body {
  margin: 20px;
  padding: 0;
  background-color: var(--grey-50);
  font-family: var(--font-family-sans);
}

/* ========================================
   Material Symbols Icons
   ======================================== */

/**
 * Default settings per tutte le icone Material Symbols.
 * Le icone sono filled di default per consistenza visiva.
 */
.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}