/* Arcalis · sistema di marca 1.0 · token
   Da copiare tali e quali su arcalis.legal e arcalis.tech. */

:root {
  /* Colori */
  --ink: #171c1b;
  --paper: #f4f1e9;
  --white: #ffffff;
  --muted: #555c59;
  --legal: #243c5b;
  --tech: #173f35;
  --sage: #c2d6bc;
  --line: #d8d4c9;

  /* Famiglie. I fallback hanno metriche allineate ai font di marca (base.css). */
  --font-sans: "Archivo", "Archivo Fallback", Arial, sans-serif;
  --font-title: "Archivo", "Archivo Title Fallback", Arial, sans-serif;
  --font-serif: "Newsreader", "Newsreader Fallback", Georgia, serif;

  /* Forma: un solo angolo, in alto a destra */
  --corner-lg: 48px;
  --corner-md: 24px;
  --corner-sm: 12px;

  /* Spaziatura: modulo 8 px */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 40px;
  --s6: 48px;
  --s8: 64px;
  --s10: 80px;
  --s12: 96px;
  --s16: 128px;

  /* Griglia: mobile 4 colonne, margini 20 px */
  --cols: 4;
  --gutter: 24px;
  --margin: 20px;
  --max: 1280px;

  /* Testo */
  --text: 17px;
  --leading: 1.55;
  --measure: 29em; /* circa 64 caratteri per riga */
}

@media (min-width: 768px) {
  :root {
    --cols: 12;
    --margin: 32px;
  }
}

@media (min-width: 1024px) {
  :root {
    --margin: 40px;
  }
}