/* ==========================================================================
   Da Settimo — token di progetto
   Copia 1:1 di dasettimo.it. Ogni valore qui sotto e' MISURATO sugli stili
   calcolati della pagina viva il 2026-10-19 con Chrome DevTools, non dedotto
   dal CSS di Elementor (i file in /wp-content/uploads/elementor/css/ rispondono
   355 byte di pagina d'errore) e non dai colori di client.json, che sono di una
   landing dismessa e non corrispondono.
   palette: misurata sul sito in produzione — deroga dichiarata alla regola 17-bis
   in _design/riferimenti-visivi.md (su una copia 1:1 una palette nuova sarebbe
   un sito diverso).
   ========================================================================== */

:root {
  /* --- colore ------------------------------------------------------------ */
  --teal:        #00576b;   /* primario: fondali pieni, titoli, topbar, footer */
  --teal-deep:   #041e2e;   /* testo ad alto contrasto sui fondi chiari        */
  --teal-soft:   rgba(98, 164, 180, .81); /* i numeri grandi dei contatori     */
  --sand:        #d9b99b;   /* accento: icone social, filetti, voci minori     */
  --light:       #f5f9f9;   /* fondo chiaro A (sezione prenota)                */
  --light-2:     #f4f8fb;   /* fondo chiaro B (galleria, contatti)             */
  --white:       #ffffff;
  --ink:         #5b5b5b;   /* corpo del testo sui fondi chiari                */
  --ink-strong:  #3d3d3d;
  --line:        rgba(0, 87, 107, .14);
  --line-light:  rgba(255, 255, 255, .28);
  --overlay:     rgba(4, 30, 46, .55); /* velo sulle foto di copertina         */

  /* --- tipografia -------------------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', 'Palatino Linotype', 'Times New Roman', serif;
  --font-body:    'Unica One', 'Trebuchet MS', 'Lucida Grande', sans-serif;

  --fs-h1:     65px;  --lh-h1: 84.5px;
  --fs-h2:     45px;  --lh-h2: 63px;
  --fs-h3:     24px;  --lh-h3: 33.6px;
  --fs-body:   16px;  --lh-body: 28.8px;
  --fs-eyebrow:15px;  --ls-eyebrow: 4px;
  --fs-btn:    13px;  --ls-btn: 1px;

  /* --- ritmo ------------------------------------------------------------- */
  /* Altezza della testata quando si fissa in alto: 45 di barra di servizio piu'
     68 della riga con marchio e menu. Serve a chi deve lasciarle spazio sopra
     (ancore, pagine senza foto d'apertura), cosi' il titolo non ci finisce
     sotto. */
  --header-h:  113px;

  --wrap:      1200px;
  --wrap-narrow: 1140px;
  --sec-pad:   100px;   /* padding verticale standard delle sezioni */
  /* 200px, letti nel DOM della pagina viva il 2026-10-19: i 23 .wave-divider
     di dasettimo.it misurano tutti 1440x200, canvas compreso. Non e' piu'
     una deduzione dai pixel. Le misure prese sullo scatto cucito davano
     numeri che non stavano insieme (90, 106, perfino 4) perche' in quello
     scatto due bande erano uscite vuote, lo stesso difetto che avevo in casa
     e che ho corretto in js/wave.js. */
  --wave-h:    200px;   /* altezza della banda d'onda fra due sezioni */

  /* --- movimento --------------------------------------------------------- */
  /* Nessun linear, nessun ease-in-out: curve con massa.                      */
  --ease-out:  cubic-bezier(.22, 1, .36, 1);
  --ease-soft: cubic-bezier(.33, 1, .68, 1);
  --ease-in:   cubic-bezier(.64, 0, .78, 0);
  --dur:       .32s;
  --dur-slow:  .68s;

  --z-header:  10;
  --z-popup:   120;
  --z-banner:  140;
}

/* ==========================================================================
   Font self-hosted (regola 18: nessuna libreria, nessun CDN, nessun Google
   Fonts a runtime). I .woff2 sono i sottoinsiemi latin e latin-ext scaricati
   il 2026-10-19 e serviti da /fonts/.
   ========================================================================== */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/cormorant-garamond-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/cormorant-garamond-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unica One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/unica-one-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unica One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/unica-one-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}