/* Auto-generated from Admin > Impostazioni > Design. Do not edit manually. Use custom.css for manual fixes. */
:root, body {
  --site-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --primary: #3f7456;
  --primary-dark: #183a2a;
  --secondary: #c9873c;
  --accent: #c9873c;
  --cream: #fff8ec;
  --ink: #1d3028;
  --muted: #66766f;
  --soft: #f2f6e8;
  --header-bg: rgba(255,248,236,.94);
  --header-text: #1d3028;
  --header-border: rgba(32,54,46,.08);
  --footer-bg: #172d23;
  --footer-text: #ffffff;
  --icon-color: #3f7456;
  --button-bg: #3f7456;
  --button-text: #ffffff;
  --button-hover-bg: #183a2a;
  --card-bg: #ffffff;
  --border-color: rgba(32,54,46,.10);
  --shadow-color: rgba(17,35,28,.10);
  --shadow: 0 18px 46px rgba(17,35,28,.10);
}
html body, body input, body textarea, body select, body button { font-family: var(--site-font-family) !important; }
body { background: var(--cream); color: var(--ink); }
.topbar { background: var(--header-bg) !important; border-bottom-color: var(--header-border) !important; }
.brand, .brand span, .navlinks a:not(.btn), .lang-pill { color: var(--header-text) !important; }
.icon .mdi, .pill-card .mdi, .footer .mdi, .card .mdi, .brand .mdi { color: var(--icon-color) !important; }
.btn-primary, button.btn-primary, a.btn-primary, .nav-toggle { background: var(--button-bg) !important; color: var(--button-text) !important; }
.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover { background: var(--button-hover-bg) !important; color: var(--button-text) !important; }
.btn-outline { color: var(--primary-dark) !important; border-color: var(--border-color) !important; }
.card, .wizard, .page-content, .pill-card, .faq details, .contact-booking-panel { background: var(--card-bg) !important; border-color: var(--border-color) !important; }
.footer { background: var(--footer-bg) !important; color: var(--footer-text) !important; }
.footer a, .footer strong { color: var(--footer-text) !important; }
.eyebrow, .section-title, h1, h2, h3, .card h3, .page-content h2, .contact-booking-panel h4 { color: var(--primary-dark); }
.lead, .section-sub, .muted, .contact-booking-panel p { color: var(--muted); }