/* ==========================================================================
   Chalet Cielo Aperto — token del sistema visivo
   Lane: brochure serigrafata a due colori su carta ruvida.
   I valori esadecimali precedono quelli OKLCH: i browser che non conoscono
   oklch() ignorano la seconda dichiarazione e restano sull'esadecimale.
   ========================================================================== */

:root {
  /* ---- Inchiostri --------------------------------------------------- */
  --petrolio: #2e4f63;
  --petrolio: oklch(0.4 0.048 234);
  --petrolio-fondo: #223c4c;
  --petrolio-fondo: oklch(0.31 0.042 234);
  --petrolio-alto: #4e7a93;
  --petrolio-alto: oklch(0.55 0.05 234);

  --salvia: #7e9b78;
  --salvia: oklch(0.64 0.048 143);
  --salvia-chiara: #a8bfa2;
  --salvia-chiara: oklch(0.77 0.04 143);

  --ambra: #d98032;
  --ambra: oklch(0.67 0.132 58);
  --ambra-chiara: #e8a94a;
  --ambra-chiara: oklch(0.78 0.115 72);

  --carta: #f5eedf;
  --carta: oklch(0.95 0.018 84);
  --carta-chiara: #fbf7ee;
  --carta-chiara: oklch(0.97 0.012 84);
  --inchiostro: #3a3733;
  --inchiostro: oklch(0.33 0.012 70);

  /* Neutri virati verso l'ambra: nessun grigio puro nel progetto. */
  --velo: rgb(58 55 51 / 0.1);
  --velo-forte: rgb(58 55 51 / 0.2);

  /* ---- Tipografia --------------------------------------------------- */
  --font-titolo: 'Alegreya', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-testo: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
    sans-serif;

  --t-xs: 0.8125rem;
  --t-s: 0.9375rem;
  --t-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --t-m: clamp(1.25rem, 1.15rem + 0.5vw, 1.4rem);
  --t-l: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
  --t-xl: clamp(2.1rem, 1.7rem + 2vw, 3.2rem);
  --t-2xl: clamp(2.8rem, 2rem + 4.2vw, 5.2rem);

  /* ---- Spaziatura: scala non lineare, per dare ritmo ------------------ */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 36px;
  --s7: 56px;
  --s8: 88px;
  --s9: 136px;

  --sezione-y: clamp(var(--s7), 6vw + 1rem, var(--s9));
  --bordo-x: clamp(var(--s4), 5vw, var(--s7));
  --max-larghezza: 1120px;
  --max-testo: 68ch;

  /* ---- Superfici ----------------------------------------------------- */
  --raggio: 4px;
  --raggio-grande: 8px;
  --ombra-stampa: 3px 3px 0 var(--petrolio-fondo);
  --ombra-stampa-ambra: 3px 3px 0 var(--ambra);
  --filetto: 1px dashed color-mix(in oklch, var(--salvia) 65%, transparent);

  /* ---- Movimento ------------------------------------------------------ */
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --durata: 700ms;
  --durata-breve: 220ms;

  /* ---- Struttura ------------------------------------------------------ */
  --altezza-nav: 68px;
  --z-nav: 60;
  --z-menu: 80;
  --z-flottante: 50;
}

@media (min-width: 768px) {
  :root {
    --altezza-nav: 80px;
  }
}