/* ==========================================================================
   THEME — IMARÈ HOLIDAY HOME (Terzigno)
   Caricato DOPO base.css. Qui vive tutta l'identità del brand.
   Palette: greige del logo + verde salvia degli interni.
   ========================================================================== */

:root {
  /* --- Tipografia ------------------------------------------------------- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* --- Superfici -------------------------------------------------------- */
  --c-bg: #fbf9f6;
  --c-surface: #f4f0ea;
  --c-surface-2: #ebe5dc;

  /* --- Bordi ------------------------------------------------------------ */
  --c-border: #e3dcd2;
  --c-border-strong: #cfc5b8;

  /* --- Testo (contrasto verificato su --c-bg) --------------------------- */
  --c-text: #4a453e;        /* 8.9:1  */
  --c-text-strong: #2b2723; /* 14.2:1 */
  --c-text-muted: #726a60;  /* 5.4:1  */

  /* --- Accento: verde salvia (le camere Imarè) ------------------------- */
  --c-accent: #5c7856;         /* 4.8:1 su --c-bg */
  --c-accent-strong: #47603f;
  --c-accent-contrast: #ffffff;

  /* --- Footer ----------------------------------------------------------- */
  --c-footer-bg: #34302a;      /* il grigio caldo dei materiali di brand */
  --c-footer-text: #c9c0b5;
  --c-footer-strong: #f2ede6;
  --c-footer-border: rgb(255 255 255 / 12%);
}

/* Il display di Imarè è un didone sottile: alle misure grandi va alleggerito
   e leggermente allargato, come nel logo. */
.hero h1,
.section__head h2,
.cta h2 {
  font-weight: 300;
  letter-spacing: 0.005em;
}

/* Il logotipo usa maiuscole molto spaziate */
.header__brand-name,
.footer__brand-name {
  font-weight: 300;
  letter-spacing: 0.12em;
}

/* Accento decorativo: la È accentata del marchio */
.brand-accent {
  color: var(--c-accent);
}