/* ============================================================
   HNH Hospitality — Design tokens
   Fonte: HNH Brand Guidelines v1.2 (2019) + Company Profile 2026
   ============================================================ */

:root {
  /* --- Colori ufficiali (Brand Guidelines §1.2) --- */
  --hnh-blue:        #5A8096; /* Pantone 2165      · C68 M39 Y30 K9 · R90 G128 B150 */
  --hnh-gray-11:     #575756; /* Pantone Cool Gray 11 · C0 M0 Y0 K80 · R87 G87 B86  */
  --hnh-gray-1:      #EDEDED; /* Pantone Cool Gray 1  · C0 M0 Y0 K10 · R237 G237 B237 */
  --hnh-white:       #FFFFFF;
  --hnh-black:       #1D1D1B; /* nero della versione logo bianco/nero */

  /* --- Derivati per l'interfaccia (NON nel manuale, solo per accessibilità) --- */
  --hnh-blue-dark:   #4A6B7E; /* testo/link piccoli e hover: contrasto 5.7:1 su bianco */
  --hnh-ink:         #231F20; /* testo corrente lungo, come nel Company Profile 2026 */

  /* --- Ruoli semantici --- */
  --color-bg:            var(--hnh-white);
  --color-bg-alt:        var(--hnh-gray-1);
  --color-text:          var(--hnh-gray-11);
  --color-text-strong:   var(--hnh-ink);
  --color-heading:       var(--hnh-blue);
  --color-accent:        var(--hnh-blue);
  --color-link:          var(--hnh-blue-dark);
  --color-rule:          var(--hnh-gray-11);
  --color-on-accent:     var(--hnh-white);

  /* --- Tipografia (Brand Guidelines §1.7) --- */
  /* Circular Std e Sabon sono font commerciali: servono le licenze web.
     Le alternative gratuite in coda (DM Sans, EB Garamond) sono SOLO fallback. */
  --font-body:    "Circular Std", "CircularStd", "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Sabon LT Pro", "Sabon MT", "Sabon", "EB Garamond", Garamond, Georgia, serif;

  --fw-body: 400;      /* Circular Std Book */
  --fw-body-bold: 700; /* Circular Std Bold, con parsimonia */
  --fw-heading: 400;   /* Sabon Regular */

  /* --- Logo (Brand Guidelines §1.5–1.6) --- */
  --hnh-logo-ratio: 2.1357;         /* larghezza / altezza del logo SVG */
  --hnh-logo-clearspace: 29.4%;     /* X = altezza delle lettere HNH = 29.4% della larghezza logo */
  --hnh-logo-min-height: 45px;      /* ≈ 12 mm, soglia minima del logo standard */
}

/* Area di rispetto: padding = X su tutti i lati, logo centrato */
.hnh-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hnh-logo {
  display: block;
  height: auto;
  min-height: var(--hnh-logo-min-height);
}

/* Base tipografica coerente con i materiali HNH */
body {
  font-family: var(--font-body);
  font-weight: var(--fw-body);
  color: var(--color-text);
  background: var(--color-bg);
}
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  font-weight: var(--fw-heading);
  color: var(--color-heading);
  text-transform: none; /* il manuale sconsiglia titoli tutti in maiuscolo */
  letter-spacing: normal;
}
/* Pattern del Company Profile 2026: titolo IT in tondo + traduzione EN in corsivo */
.hnh-title-en {
  font-family: var(--font-heading);
  font-style: italic;
  color: var(--color-heading);
}