/*
Theme Name:   Impronta Child
Theme URI:    https://impronta-restaurant.it
Description:  Child theme di Hello Elementor per Impronta Restaurant. Definisce font, palette e CSS di base coerenti con il mockup. Il layout delle pagine vive in Elementor (DB).
Author:       Impronta
Template:     hello-elementor
Version:      1.0.0
Text Domain:  impronta-child
*/

/* --- Palette del mockup (source of truth per il custom CSS: usa var(--gold) ecc.) --- */
:root {
  --ivory:      #ffffff;
  --ivory-2:    #f3eee4;
  --paper:      #ffffff;
  --ink:        #28211a;
  --ink-soft:   #4a3f33;
  --ink-mute:   #8a7d6a;
  --line:       #e6dfd0;
  --line-soft:  #efe9da;
  --gold:       #b89968;
  --gold-deep:  #8a6a3f;
  --espresso:   #1a140e;  /* sfondo sezioni scure (hero/footer) */
  --espresso-2: #2a2218;
  --shadow:     0 1px 2px rgba(40, 33, 26, 0.04), 0 12px 32px -16px rgba(40, 33, 26, 0.16);
}

/* --- Tipografia di base (Elementor eredita dal Kit; questi sono i fallback) --- */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: var(--ivory);
  font-weight: 400;
  line-height: 1.6;
}

h1, h2, h3, h4,
.font-serif {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  color: var(--ink);
  font-weight: 500;
  line-height: 1.1;
}

.font-mono,
.eyebrow,
.accent {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

a { color: var(--gold-deep); }
a:hover { color: var(--gold); }

/* --- Helper per le sezioni scure (hero/footer) --- */
.section-dark {
  background: var(--espresso);
  color: var(--ivory);
}
.section-dark h1,
.section-dark h2,
.section-dark h3 { color: var(--ivory); }
.section-dark a { color: var(--gold); }