/* ==========================================================
   APP LA PAGESETA · Variables de disseny
   ----------------------------------------------------------
   Tots els colors, fonts i mides surten d'aquí.
   ========================================================== */

:root {
  /* ---- Parquet en espiga: fusta tropical fosca (tipus jatobà) ---- */
  --parquet-1: #6e3a24;
  --parquet-2: #5a2e1c;
  --parquet-3: #7b4429;
  --parquet-4: #4f2818;
  --parquet-junta: #1f0e07;
  --parquet-veta-fosca: rgba(0, 0, 0, .14);
  --parquet-veta-clara: rgba(255, 205, 165, .05);
  --parquet-ample: 22px;                                      /* amplada de cada post */
  --parquet-columna: calc(var(--parquet-ample) * 4.24264);    /* 3 × ample × √2: fa que les puntes casin */
  --parquet-vel: radial-gradient(ellipse at 50% 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .45) 100%);

  /* ---- Barra superior (fusta de wengué, molt fosca) ---- */
  --barra: #1c130e;
  --barra-vora: #3a281d;
  --text-barra: #f0e6d8;
  --text-barra-suau: #b5a48f;

  /* ---- Panells (opacs) ---- */
  --paper: #fbf8f1;
  --paper-2: #f2ede3;
  --vora: #ddd4c4;
  --vora-forta: #c4b8a4;

  /* ---- Text ---- */
  --tinta: #26211c;
  --tinta-suau: #6c645a;

  /* ---- Accions i estats ---- */
  --principal: #2e7d4f;          /* cobrar, desar */
  --principal-clar: #4ea872;
  --principal-fons: #e2efe5;
  --perill: #b23a2b;             /* anul·lar, esborrar */
  --perill-fons: #f7e3df;
  --avis: #c98516;               /* estoc baix, atenció */
  --avis-fons: #fbefd8;
  --info: #2f5f86;
  --info-fons: #e2ecf4;
  --text-sobre-color: #ffffff;

  /* ---- Ombres ---- */
  --ombra-suau: rgba(20, 8, 2, .14);
  --ombra: rgba(20, 8, 2, .32);
  --ombra-forta: rgba(10, 4, 0, .55);
  --llum: rgba(255, 255, 255, .45);

  /* ---- Tipografia ---- */
  --font: "Barlow", "Segoe UI", Tahoma, sans-serif;
  --font-boto: "Barlow Semi Condensed", "Segoe UI", sans-serif;

  /* ---- Mides ---- */
  --ample-lateral: 236px;        /* amplada de la barra lateral */
  --radi: 8px;
  --radi-gran: 12px;
  --tactil: 48px;                /* alçada mínima de qualsevol cosa que es toqui */
}