:root {
  /* Colori — bianco/nero, nessun colore brand */
  --color-bg: #ffffff;
  --color-text: #0a0a0a;
  --color-muted: #6b6b6b;
  --color-border: #e0e0e0;
  --color-border-strong: #0a0a0a;
  --color-overlay: rgba(10, 10, 10, 0.92);

  /* Font */
  --font-main: "Archivo", Helvetica, Arial, sans-serif;

  /* Spaziatura */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-8: 6rem;
  --space-10: 8rem;

  /* Container */
  --container-max: 1600px;
  --container-pad: 1.25rem;

  /* Breakpoint di riferimento (usati nei media query) */
  --bp-sm: 600px;
  --bp-md: 900px;
  --bp-lg: 1200px;
  --bp-xl: 1600px;
}

@media (min-width: 900px) {
  :root {
    --container-pad: 2.5rem;
  }
}