/* ==========================================================================
   TEMA — UNICO file per colori, font, forme, ombre, spazi.
   Cambi qui e tutto il sito segue (gli altri CSS usano solo queste variabili).
   Cambio rapido di palette: in js/config.js imposta  tema: "chiaro" | "salvia" | "notte"
   Immagini: NON qui, ma in js/config.js (sezione "immagini").
   Palette base: ROSA ANTICO (accento) + VERDE SALVIA (fasce alternate, nastro, copertina del libretto).
   ========================================================================== */

/* Font: per cambiarli sostituisci questo URL (Google Fonts) e le variabili --f-* */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@300;400;500&family=Pinyon+Script&display=swap");

:root {
  /* --- Colori --- */
  --c-sfondo: #fbf5f3;          /* fondo pagina, rosato chiarissimo */
  --c-sfondo-alt: #e1e8d8;      /* fasce alternate, salvia chiaro */
  --c-salvia-chiaro: #cdd9c3;   /* salvia tenue: linee, riempimenti */
  --c-superficie: #fffcfb;      /* card e campi */
  --c-testo: #2f2a29;
  --c-testo-soft: #6f6462;
  --c-accento: #9a5662;         /* rosa antico (testi e pulsanti) */
  --c-accento-chiaro: #efcfd1;  /* rosa antico sopra le foto */
  --c-rosa: #e6c3c5;            /* rosa decorativo */
  --c-salvia: #9cae93;          /* verde salvia decorativo */
  --c-salvia-scuro: #5f7358;    /* verde salvia scuro (nastro, libretto) */
  --c-fascia: var(--c-salvia-scuro);  /* fascia scura a tutta larghezza (sezione Evento, footer) */
  --c-su-fascia: #f7f3ee;       /* testo sopra la fascia scura */
  --c-su-accento: #ffffff;      /* testo sui pulsanti e sulle fasce scure */
  --c-su-immagine: #ffffff;     /* testo sopra le foto */
  --c-linea: #e8d9d6;
  --c-vetro: rgba(251, 245, 243, .72);  /* barra di navigazione */
  --c-ok: #4f7a5a;
  --francobollo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'><rect x='1.2' y='1.2' width='37.6' height='47.6' fill='%23ecd0d3' stroke='%23fffcfb' stroke-width='2.6' stroke-dasharray='0 4.2' stroke-linecap='round'/><rect x='5' y='5' width='30' height='40' fill='none' stroke='%239a5662' stroke-width='.8'/><g fill='none' stroke='%239a5662' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'><path d='M12 29V17l6 5h4l6-5v12c0 5.500-3.500 8.500-8 8.500s-8-3-8-8.500z'/><path d='M16.500 27.500h.01M23.500 27.500h.01M18.800 31h2.400l-1.200 1.400zM20 32.400v1M18.400 34c.8.7 1.600.7 1.600 0 0 .7.8.7 1.600 0M11 31l-4.500-1M11 33.500l-4.500 1.500M29 31l4.500-1M29 33.500l4.500 1.500'/></g><text x='20' y='42' text-anchor='middle' font-size='4' font-family='Georgia,serif' fill='%239a5662'>2027</text></svg>");   /* francobollo con gatto (cartolina partecipazione e retro che si gira) */
  --c-onnivoro: #e0842f; --c-vegetariano: #7d5ba6; --c-vegano: #4a9a52;   /* diete della partecipazione */
  --c-err: #b3453f;
  /* partecipazione: scatola verde salvia, cielo dei fuochi d'artificio */
  --c-cartone: var(--c-salvia-chiaro); --c-cartone-scuro: var(--c-salvia); --c-su-cartone: #2c3a2a; --c-nastro: rgba(251, 245, 243, .72);
  --c-cielo: #2d2840; --c-cielo-alto: #181527; --c-collina: #1a2a22; --c-sagoma: #0d1511; --c-stella: #fff4d6;
  --c-fuochi: #f2c14e, #e8788a, #8fd3c0, #b79cf0, #f4f1ea;      /* colori dei fuochi, separati da virgola */

  /* --- Font e dimensioni --- */
  --f-titoli: "Cormorant Garamond", Georgia, serif;
  --f-corsivo: "Pinyon Script", "Brush Script MT", cursive;   /* titoli delle pagine secondarie, capilettera */
  --f-nomi: var(--f-titoli);                                  /* nomi in copertina (grassetto/corsivo: vedi --peso-nomi) */
  --peso-nomi: 300;
  --f-testo: "Jost", system-ui, sans-serif;
  --peso-titoli: 400;
  --stile-titoli: italic;                   /* h2 in corsivo; "normal" per toglierlo */
  --t-display: clamp(3.6rem, 19vw, 9rem);   /* nomi in copertina */
  --t-h2: clamp(2.4rem, 10vw, 4.6rem);
  --t-testo: 1.0625rem;

  /* --- Layout e forme --- */
  --margine: 1.25rem;                       /* margine laterale su smartphone */
  --larghezza: 68rem;                       /* larghezza massima contenuti */
  --spazio-sezione: clamp(4.5rem, 14vw, 9rem);
  --raggio: 1.25rem;                        /* card */
  --raggio-campo: .9rem;                    /* campi e riquadri */
  --ombra: 0 18px 50px -24px rgba(90, 40, 50, .38);

  /* --- Veli sopra le immagini (leggibilità del testo) --- */
  --velo-copertina: linear-gradient(180deg, rgba(34,44,32,.4), rgba(34,44,32,.08) 40%, rgba(30,40,28,.8));
  --velo-stacco: rgba(40, 20, 24, .12);
  --velo-lightbox: rgba(24, 32, 22, .94);                                  /* sfondo del visualizzatore foto */
  --c-fascia-linea: rgba(255, 255, 255, .24);                              /* linee e bordi sulla fascia scura */
  --c-fascia-velo: rgba(255, 255, 255, .07);                               /* schede sulla fascia scura */
  --c-fascia-velo-forte: rgba(255, 255, 255, .13);

  /* --- Movimento --- */
  --durata: .8s;
  --curva: cubic-bezier(.2, .7, .2, 1);
}

/* ---- Palette alternative (attivate da CONFIG.tema) ---- */
[data-tema="salvia"] {      /* verde salvia dominante, rosa come tocco */
  --c-sfondo: #f1f4ec; --c-sfondo-alt: #e3e9da; --c-superficie: #fafcf7;
  --c-testo: #232d25; --c-testo-soft: #5c6a5e;
  --c-accento: #5f7358; --c-accento-chiaro: #d5e2cd; --c-linea: #d5dccb;
  --c-vetro: rgba(241, 244, 236, .72);
}
[data-tema="notte"] {
  --c-sfondo: #171214; --c-sfondo-alt: #1d1719; --c-superficie: #251d20;
  --c-testo: #f4ebe8; --c-testo-soft: #b9a9a7;
  --c-accento: #d9a0a8; --c-accento-chiaro: #f0cfd2; --c-su-accento: #20141a; --c-linea: #3b2e32;
  --c-salvia-scuro: #7f9578; --c-fascia: #243029; --c-salvia-chiaro: #33403a; --c-vetro: rgba(23, 18, 20, .68);
  --ombra: 0 18px 50px -24px rgba(0, 0, 0, .7);
}