/* ============================================================
   LA BAMBARA — Design tokens
   Paleta i tipografies corporatives (Canva → web).
   WP/Kadence: aquests valors van a Global Palette + theme.json
   ============================================================ */

:root {
  /* ---- Paleta corporativa ---- */
  --crema:      #F7F0E6;  /* fons general           | Kadence palette 1 */
  --sorra:      #DDD3B9;  /* franges, superfícies    | Kadence palette 2 */
  --terracota:  #C44A06;  /* accent de marca         | Kadence palette 3 */
  --llima:      #DFD65D;  /* detalls puntuals (~5%)  | Kadence palette 4 */
  --petroli:    #004D53;  /* franges fosques, cites  | Kadence palette 5 */
  --marro:      #5D2F22;  /* text, peu               | Kadence palette 6 */

  /* ---- Derivats funcionals ---- */
  --ink:            #46271A;  /* text principal (marró afinat per a lectura) */
  --ink-soft:       #7d5f4e;  /* text secundari */
  --sorra-suau:     #EFE7D7;  /* banda sorra més clara per a fons amples */
  --terracota-text: #A83E03;  /* terracota fosc: text i botons (contrast AA) */
  --terracota-hover:#8F3503;
  --crema-viva:     #FFF7EC;  /* text clar sobre fons foscos */
  --hairline:       #DFD3BC;  /* línies fines */

  /* ---- Tipografia ---- */
  --font-display: 'TAN Pearl', 'Times New Roman', serif;          /* titulars i cites */
  --font-label:   'Lovelo', 'Futura', sans-serif;                  /* etiquetes, nav, botons */
  --font-body:    'Glacial Indifference', 'Avenir Next', sans-serif; /* text de lectura */

  --text-base: 1.0625rem;   /* 17px */
  --lh-body: 1.7;

  /* ---- Espais i formes ---- */
  --space-section: clamp(4.5rem, 9vw, 7.5rem);
  --container: 1300px;
  --radius-card: 22px;
  --radius-arc: 999px 999px 26px 26px;  /* arc orgànic per a fotos */

  /* ---- Moviment ---- */
  --ease-soft: cubic-bezier(.25,.6,.3,1);
  --dur: .7s;
}