/* ============================================================
   design-system / tokens.css
   Tokens estructurals compartits (espaiat, radi, ombra, tipografia
   de reserva, transició). NO conté color — el color el defineix
   cada skin (veure skins/), perquè és el que canvia d'identitat
   visual entre apps. Carregar SEMPRE abans d'una skin.
   ============================================================ */

:root {
  /* Escala d'espaiat — substitueix les mesures ad-hoc trobades a
     cada app (px/em barrejats a mapaActes, rem inconsistent a la
     resta). Un sol nom per pas, en rem. */
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.25rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-space-10: 2.5rem;
  --ds-space-12: 3rem;

  /* Escala de radi — basada en justificacioGeneralitat/www (la més
     completa trobada a l'inventari), amb --ds-radius-pill afegit
     per a badges en forma de píndola. */
  --ds-radius-sm: 4px;
  --ds-radius: 8px;
  --ds-radius-lg: 16px;
  --ds-radius-pill: 999px;

  /* Ombres */
  --ds-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08);
  --ds-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  --ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);

  /* Transicions */
  --ds-transition: 180ms ease;

  /* Duotone (Font Awesome Pro) — opacitat de la capa secundària. FA usa 0.4
     per defecte; 0.38 lliga una mica millor amb les capses d'icona. La skin
     fosca la puja (veure skins/skin-contrast.css). Única variable de runtime
     de FA que el design-system fixa; no afecta fa-solid/fa-regular. */
  --fa-secondary-opacity: 0.38;

  /* Tipografia — valor de reserva neutre; cada skin el pot
     sobreescriure (p. ex. skin-ajuntament usa 'Assistant'). */
  --ds-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ds-font-mono: ui-monospace, 'Cascadia Code', 'Consolas', 'SFMono-Regular', 'Menlo', monospace;

  /* Amplada màxima de contingut, per a l'esquelet de pàgina
     (layout.css) — mateix valor que fa servir s360_eix1_seu. */
  --ds-content-max-width: 860px;
}