/* ==========================================================
   GRANJA OMS · Variables de disseny
   ----------------------------------------------------------
   Tots els colors, ombres, fonts i mides surten d'aquí.
   Quan arribi el logo, només caldrà retocar aquest fitxer.
   ========================================================== */

:root {
  /* ---- Verds ---- */
  --verd-fosc: #1c3326;
  --verd: #2c5139;
  --verd-mitja: #4d7350;
  --verd-prat: #7d9a5c;

  /* ---- Calç (blanc terrós) ---- */
  --calc: #f1ece1;
  --calc-clar: #f8f5ee;
  --calc-fosc: #ddd4c2;
  --linia: #d6ccb8;

  /* ---- Teula (vermell terrós) ---- */
  --teula: #a5492c;
  --teula-clara: #c9714d;
  --teula-fosca: #7b331d;

  /* ---- Text ---- */
  --tinta: #1d2a22;
  --tinta-suau: #56625a;
  --text-sobre-verd: #f1ece1;
  --text-sobre-verd-suau: #b9c4ae;

  /* ---- Accent: vermell de teula ---- */
  --accent: var(--teula);
  --accent-clar: var(--teula-clara);
  --accent-fosc: var(--teula-fosca);
  --text-sobre-accent: #fbf3ea;
  --accent-text: var(--teula);          /* accent per a text sobre fons clar */
  --accent-sobre-verd: #e39470;         /* accent per a text sobre verd fosc */

  /* ---- Estats ---- */
  --exit: #3f6b2e;
  --exit-fons: #e2ead6;
  --error: #a2311b;
  --error-fons: #f6e1d9;

  /* ---- Llums i ombres ---- */
  --ombra-suau: rgba(20, 35, 25, .12);
  --ombra: rgba(20, 35, 25, .28);
  --ombra-forta: rgba(10, 20, 14, .45);
  --llum: rgba(255, 250, 240, .35);
  --fosc: rgba(0, 0, 0, .35);

  /* Vel verd sobre les fotos perquè el text es llegeixi */
  --vel-foto: linear-gradient(90deg,
      rgba(20, 38, 28, .82) 0%,
      rgba(20, 38, 28, .55) 38%,
      rgba(20, 38, 28, .10) 70%,
      rgba(20, 38, 28, 0) 100%);
  --vel-foto-mobil: linear-gradient(180deg,
      rgba(20, 38, 28, .35) 0%,
      rgba(20, 38, 28, .80) 100%);

  /* Reflex de la foto principal (efecte bassa) */
  --reflex: linear-gradient(transparent 58%, rgba(255, 255, 255, .26));

  /* Textura de malla de galliner (hexàgons) */
  --malla: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48.5' viewBox='0 0 28 48.5'%3E%3Cpath d='M14 0 L28 8.08 L28 24.25 L14 32.33 L0 24.25 L0 8.08 Z M14 32.33 L14 48.5' fill='none' stroke='%23f1ece1' stroke-opacity='.04' stroke-width='1.1'/%3E%3C/svg%3E");

  /* ---- Tipografia ---- */
  --font-titol: "Young Serif", Georgia, serif;
  --font-text: "Karla", "Segoe UI", Tahoma, sans-serif;

  /* ---- Mides ---- */
  --amplada-max: 1200px;
  --alcada-capcalera: 78px;
  --radi: 3px;
}