/* ============================================================
   TOKENS · Ball de Diables de Torrelles de Foix
   Única font de veritat del sistema: el web (css/main.css),
   les plantilles (brand/plantilles/) i qualsevol peça nova
   han de partir d'aquestes variables.
   ============================================================ */

/* --- fonts de marca (autoallotjades a brand/fonts/) --- */

@font-face {
  font-family: "Unzialish";
  src: url("fonts/UnzialishCatala.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("fonts/Averta-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("fonts/Averta-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("fonts/Averta-Semibold.woff2") format("woff2");
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  src: url("fonts/Averta-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* color de marca */
  --negre: #121212;      /* fons de tot */
  --principal: #ed8d75;  /* accent principal (corall) */
  --suau: #f1a693;       /* accent suau: highlights, detalls sobre foto */
  --vermell: #e23c3c;    /* alerta, èmfasi fort, extrem del gradient */
  --blau: #385be5;       /* color funcional: focus, enllaços destacats */

  /* neutres de text (sobre negre) */
  --os: #f4f1ee;         /* text principal */
  --cendra: #a5a09b;     /* text secundari */
  --vora: rgba(244, 241, 238, 0.12);

  /* la costura: signatura de la marca, sempre fina (1–2 px) */
  --grad-foc: linear-gradient(90deg, var(--vermell), var(--principal) 45%, var(--suau));

  /* tipografia */
  --font-display: "Unzialish", "Luminari", serif;
  --font-ui: "Averta", "Averta Std", system-ui, -apple-system, sans-serif;

  /* moviment */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}