/* ============================================================
   THEME.CSS  —  Il Giardino Bar & Gelateria
   ------------------------------------------------------------
   QUI dentro ci sono SOLO i colori e poche variabili visive.
   Modifica liberamente questi valori per cambiare l'aspetto
   di TUTTO il sito senza toccare nient'altro.

   Palette scelta: "Pistacchio & Caramello" — calda, naturale,
   da gelateria artigianale. Niente rosa.
   ============================================================ */

:root {

  /* ---- COLORI PRINCIPALI ---- */
  --c-primary:        #007BFF;   /* blu (header, footer, titoli) */
  --c-primary-dark:   #146AC5;   /* blu piu scuro  (hover, bordi) */
  --c-primary-soft:   #519AE9;   /* blu chiaro per dettagli */

  --c-accent:         #C9842B;   /* caramello/ambra (link, bottoni, accenti) */
  --c-accent-dark:    #A66A1E;   /* caramello scuro (hover bottoni) */

  /* ---- SFONDI ---- */
  --c-bg:             #FBF7EF;   /* crema chiarissima (sfondo pagina) */
  --c-bg-alt:         #F3ECDD;   /* crema leggermente più calda (sezioni alternate) */
  --c-surface:        #FFFFFF;   /* schede / card */

  /* ---- TESTO ---- */
  --c-text:           #2B2620;   /* testo principale (marrone molto scuro, non nero) */
  --c-text-soft:      #5C544A;   /* testo secondario */
  --c-on-primary:     #FBF7EF;   /* testo sopra il verde scuro */
  --c-on-accent:      #FFFFFF;   /* testo sopra il caramello */

  /* ---- BORDI & LINEE ---- */
  --c-border:         #E2D8C3;   /* bordi tenui */
  --c-divider:        rgba(255,255,255,0.35);

  /* ---- OMBRE ---- */
  --shadow-sm: 0 2px 8px rgba(43, 38, 32, 0.08);
  --shadow-md: 0 10px 30px rgba(43, 38, 32, 0.12);
  --shadow-lg: 0 24px 60px rgba(43, 38, 32, 0.18);

  /* ---- RAGGI ANGOLI ---- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- TIPOGRAFIA ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif; /* titoli eleganti */
  --font-body: 'Mulish', 'Segoe UI', system-ui, sans-serif;       /* testo */

  /* ---- LARGHEZZA MASSIMA CONTENUTO ---- */
  --container: 1200px;
}

/* --------------------------------------------------------
   VARIANTI PRONTE — se vuoi provare un altro mood,
   togli i /* */ /* attorno a UNA di queste sezioni.
   -------------------------------------------------------- */

/* === VARIANTE "CIOCCOLATO & MENTA" ===
:root {
  --c-primary:      #3A2A22;
  --c-primary-dark: #3A2A22;
  --c-primary-soft: #6B5446;
  --c-accent:       #4FB286;
  --c-accent-dark:  #3C9670;
  --c-bg:           #FAF6F1;
  --c-bg-alt:       #F0E8DF;
}
*/

/* === VARIANTE "AGRUMI & CIELO" ===
:root {
  --c-primary:      #1F5673;
  --c-primary-dark: #15405A;
  --c-primary-soft: #5C8AA6;
  --c-accent:       #E8A02B;
  --c-accent-dark:  #C9831A;
  --c-bg:           #FBF8F2;
  --c-bg-alt":      #EEF3F5;
}
*/