/* ==========================================================================
   JUL Positive Design — Design Tokens (v2)
   Direcció: retail editorial a sang — 100vw, sense espais laterals,
   tipografia petita, titulars en majúscules amb la tipo del logo,
   cap cantonada arrodonida. Referències: Wouf / Malababa.
   WP/Woo: aquests tokens es traslladaran a theme.json (palette + typography)
   ========================================================================== */

:root {
  /* ---- Color · base ---------------------------------------------------- */
  --cru: #f6f1e6;          /* fons principal — cotó cru */
  --cru-2: #efe8d8;        /* fons alternatiu i bandes suaus */
  --paper: #fbf8f1;        /* superfícies elevades (inputs) */
  --tinta: #211b13;        /* text principal — negre càlid */
  --tinta-suau: #5c5443;   /* text secundari (AA sobre cru) */
  --linia: rgba(33, 27, 19, 0.16); /* hairlines */

  /* ---- Color · accents (colors de les bosses) -------------------------- */
  --teula: #c05a33;        /* accent primari — teula mediterrània */
  --teula-fosc: #a03e1c;   /* teula per a text amb contrast AA */
  --teula-nit: #8c3517;    /* banda filosofia (text cru ≥ 5:1) */
  --vermell: #cf3b2a;
  --rosa: #f3b0c2;
  --rosa-palid: #f6cdd8;
  --groc: #f2df9f;
  --lila: #a7a5da;
  --marro: #ab6a37;
  --negre: #26211b;

  /* ---- Tipografia ------------------------------------------------------ */
  --font-display: "TT Rationalist", "Cormorant Garamond", Georgia, serif;
  --font-text: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  --text-2xs: 0.625rem;    /* 10 — micro etiquetes */
  --text-xs: 0.6875rem;    /* 11 — caps, nav, botons */
  --text-sm: 0.8125rem;    /* 13 — meta, targetes */
  --text-base: 0.875rem;   /* 14 — cos */
  --text-lg: 1rem;         /* 16 — leads */

  /* Titulars: petits, MAJÚSCULES, espaiats com el logo */
  --titol-h1: clamp(1.15rem, 0.9rem + 1.3vw, 1.75rem);
  --titol-h2: clamp(0.95rem, 0.85rem + 0.5vw, 1.2rem);
  --titol-h3: 0.8125rem;

  --tracking-titol: 0.14em;  /* com el logo */
  --tracking-caps: 0.16em;
  --leading-body: 1.6;

  /* ---- Espai i ritme ---------------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.25rem;
  --vora: 1rem;            /* únic marge lateral (textos de capçalera/peu) */
  --junta: 2px;            /* separació mínima entre fotos */

  /* ---- Forma ------------------------------------------------------------ */
  /* Cap radi: tot a escaire. (Només el comptador del cistell és rodó.) */

  /* ---- Moviment ---------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 200ms;
  --dur-2: 550ms;
  --dur-reveal: 700ms;
}