/* =====================================================================
   Deluxe Apartments · token del SITO PUBBLICO (deluxeapartments.it) per le pagine ospite
   ---------------------------------------------------------------------
   Fonte: CSS inline della home live (blocco #dlxh, scaricato con curl l'11/10/2026,
   copia in restyling-dlxhub/sito-live/home-inline.css) + /workspace/redesign/DESIGN.md
   (bozza-2, decisioni di Stefano del 07/10/2026). I valori sono copiati, non inventati.
   Uso: caricare DOPO dlx-design-system.css / prenota.css / guest.css e prima del CSS di pagina-sito.
   Il file fa due cose: (1) espone i token del sito con i loro nomi; (2) rimappa i token
   semantici del DS DLXHUB su quelli del sito, così il markup dei mockup resta identico.
   Regole del sito: un solo colore d'azione (blu #1f3065), ottone solo come dettaglio,
   Cormorant Garamond 500/600 per i titoli, Satoshi per testo e interfaccia, raggio 4 px,
   bianco caldo #fafaf8, niente viola, ospiti al «voi» (assistente mydeluxe.it al «tu»).
   ===================================================================== */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url('fonts/cormorant-500-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:500 600;font-display:swap;src:url('fonts/cormorant-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/cormorant-500i-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:italic;font-weight:500;font-display:swap;src:url('fonts/cormorant-500i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/satoshi-400.woff2') format('woff2')}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/satoshi-500.woff2') format('woff2')}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:600 700;font-display:swap;src:url('fonts/satoshi-700.woff2') format('woff2')}
@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:block;src:url('fonts/material-symbols-outlined.woff2') format('woff2')}

:root{
  /* ---- 1. Token del sito (stessi nomi del blocco #dlxh della home live) ---- */
  --site-primary:#1f3065;        /* blu Deluxe, unico colore d'azione */
  --site-primary-active:#16224a; /* hover/pressione */
  --site-primary-deep:#0f1a3d;   /* footer, un solo «momento scuro» per pagina */
  --site-primary-tint:#e7e9f0;   /* selezione, info */
  --site-ink:#14182b;            /* titoli */
  --site-body:#3a3f55;           /* testo corrente */
  --site-muted:#5f616b;          /* testo secondario, 5,9:1 */
  --site-muted-soft:#8b8e99;     /* solo segnaposto/disabilitato, bordo campi (3:1) */
  --site-hairline:#dcdbd6;
  --site-hairline-strong:#b9b8b2;
  --site-canvas:#fafaf8;         /* bianco caldo neutro */
  --site-surface:#ffffff;
  --site-stone:#efeeea;          /* fascia «pietra» (offer-band) */
  --site-brass:#8a6a35;          /* ottone: solo dettagli (filetti, stelle) */
  --site-brass-on-dark:#d4b87a;  /* ottone su blu */
  --site-on-primary:#fafaf8;
  --site-on-dark-muted:#aab0c2;
  --site-success:#2d7a57;
  --site-error:#b9402f;
  --site-float:0 12px 32px -12px rgba(15,26,61,.28);
  --site-serif:'Cormorant Garamond','Times New Roman',serif;
  --site-sans:'Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif;
  --site-r:4px;
  --site-ease:cubic-bezier(.16,1,.3,1);
  /* scala tipografica del sito: display-md 36/28, title-serif 26/22, title-sans 18, body 16/1.65, label 13, caption 12 */

  /* ---- 2. Rimappatura dei token del DS DLXHUB ---- */
  --navy-900:var(--site-primary-deep); --navy-800:var(--site-primary-active); --navy-700:var(--site-primary);
  --navy-100:var(--site-primary-tint); --navy-50:#f1f2f6;
  --gold-500:var(--site-brass-on-dark); --gold-700:var(--site-brass); --gold-50:#f4efe6;
  --ink-900:var(--site-ink); --ink-600:var(--site-muted); --slate-400:var(--site-muted-soft);
  --line-300:var(--site-hairline-strong); --line-200:var(--site-hairline);
  --paper-0:var(--site-canvas); --paper-1:var(--site-surface); --paper-2:var(--site-stone);
  --green-700:var(--site-success); --green-50:#e8f2ec;
  --red-700:var(--site-error); --red-50:#f8ebe8;
  --amber-800:#7f5a1c; --amber-50:#f6efe2;   /* avvisi: ottone scurito (6,1:1 sul fondo), non giallo PMS */
  --bg:var(--site-canvas); --surface:var(--site-surface); --surface-2:var(--site-stone);
  --text:var(--site-ink); --text-2:var(--site-muted);
  --border:var(--site-hairline); --border-strong:var(--site-hairline-strong); --border-input:var(--site-muted-soft);
  --accent:var(--site-primary); --accent-hover:var(--site-primary-active); --accent-soft:var(--site-primary-tint); --on-accent:var(--site-on-primary);
  --info:var(--site-primary); --info-bg:var(--site-primary-tint); --focus:var(--site-primary);
  --good:var(--site-success); --good-bg:#e8f2ec; --bad:var(--site-error); --bad-bg:#f8ebe8; --warn:#7f5a1c; --warn-bg:#f6efe2;
  --dark-bg:var(--site-primary-deep); --dark-raise:var(--site-primary-active); --on-dark:var(--site-on-primary); --on-dark-2:var(--site-on-dark-muted);
  --focus-on-dark:var(--site-brass-on-dark); --overlay:rgba(15,26,61,.55);
  --font:var(--site-sans); --font-sans:var(--site-sans);
  --r-sm:var(--site-r); --r-md:var(--site-r); --r-lg:var(--site-r);
  --radius-sm:var(--site-r); --radius-md:var(--site-r); --radius-lg:var(--site-r);
  --shadow-pop:var(--site-float); --shadow-md:var(--site-float);
  --ctl-h:44px; --ctl-h-sm:36px; --ctl-h-lg:48px;
  --lh-text:1.65;
}