/* ==========================================================================
   THEME — DOMINO SUITE HOUSE (Striano)
   Caricato DOPO base.css. Stessa struttura del tema Imarè, palette diversa.
   Palette: sabbia e bronzo del wallpaper botanico + nero del letto a baldacchino.
   ========================================================================== */

:root {
  /* --- Tipografia ------------------------------------------------------- */
  /* Stesso corpo testo di Imarè (fratelli), display diverso (identità). */
  --font-display: "Marcellus", "Times New Roman", serif;
  --font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* --- Superfici -------------------------------------------------------- */
  --c-bg: #fcfaf7;
  --c-surface: #f5f0e8;
  --c-surface-2: #ede5d9;

  /* --- Bordi ------------------------------------------------------------ */
  --c-border: #e4dacb;
  --c-border-strong: #cfc0a9;

  /* --- Testo (contrasto verificato su --c-bg) --------------------------- */
  --c-text: #4a4239;        /* 9.1:1  */
  --c-text-strong: #2a2521; /* 14.5:1 */
  --c-text-muted: #766b5e;  /* 5.3:1  */

  /* --- Accento: bronzo caldo ------------------------------------------- */
  --c-accent: #8a6a3e;         /* 4.7:1 su --c-bg */
  --c-accent-strong: #6e5330;
  --c-accent-contrast: #ffffff;

  /* --- Footer ----------------------------------------------------------- */
  --c-footer-bg: #2c2723;      /* il nero caldo della struttura a baldacchino */
  --c-footer-text: #c6bcae;
  --c-footer-strong: #f4efe7;
  --c-footer-border: rgb(255 255 255 / 12%);
}

/* Marcellus è un romano capitale: regge bene lo spaziato, non va assottigliato. */
.hero h1,
.section__head h2,
.cta h2 {
  letter-spacing: 0.01em;
}

.header__brand-name,
.footer__brand-name {
  letter-spacing: 0.14em;
}

.brand-accent {
  color: var(--c-accent);
}