/*
Theme Name: Chat with Jeff
Theme URI: https://lifealignment.com
Author: Laio Webdesign
Author URI: https://laiowebdesign.com
Description: Un custom theme by Sam di Laio Webdesign per Life Alignment.
Version: 1.6.0
Text Domain: chat-with-jeff
*/

/* ==========================================================================
   DESIGN TOKENS — tutto qui. Valori presi 1:1 dal design approvato:
   se devi ritoccare colori/font/raggio a livello globale, cambia solo qui.
   ========================================================================== */

:root {
  /* Colori */
  --cwj-ink: rgb(49, 32, 43);            /* testo scuro principale, titoli */
  --cwj-ink-button: rgb(49, 31, 43);     /* bottoni scuri (leggermente diverso dall'ink) */
  --cwj-black: rgb(0, 0, 0);             /* alcuni paragrafi Newsreader */
  --cwj-white: rgb(255, 255, 255);
  --cwj-cream: rgb(255, 253, 249);       /* card chiare */
  --cwj-sand: rgb(236, 232, 223);        /* sfondo sezioni beige */
  --cwj-taupe: rgb(118, 90, 73);         /* eyebrow, link hover, testo muted */
  --cwj-brown: rgb(73, 58, 53);          /* testo body secondario */
  --cwj-gold: rgb(174, 148, 119);        /* bordo bottoni, card evento scura */

  --cwj-line: rgba(32, 49, 45, 0.14);        /* bordi standard */
  --cwj-line-soft: rgba(32, 49, 45, 0.09);   /* bordi più leggeri */
  --cwj-line-softer: rgba(32, 49, 45, 0.11);
  --cwj-shadow-card: 0px 20px 55px 0px rgba(32, 49, 45, 0.06);
  --cwj-shadow-card-lg: 0px 24px 70px 0px rgba(32, 49, 45, 0.11);
  --cwj-shadow-hover: 0px 26px 60px 0px rgba(32, 49, 45, 0.17);

  /* Font */
  --cwj-font-display: "Newsreader", Georgia, serif;   /* titoli, quote */
  --cwj-font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* nav, eyebrow, label */
  --cwj-font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* paragrafi, bottoni */

  --cwj-radius-pill: 999px;
  --cwj-radius-card: 20px;
  --cwj-radius-card-lg: 28px;
  --cwj-radius-blob: 50px;

  --cwj-container: 1536px;
  --cwj-container-wide: 1920px;
  --cwj-container-pad: clamp(24px, 10vw, 192px);
  --cwj-header-h: 87px;
}

/* ==========================================================================
   RESET MINIMO
   ========================================================================== */
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--cwj-white);
  color: var(--cwj-ink);
  font-family: var(--cwj-font-ui);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: var(--cwj-ink); text-decoration: none; }
a:hover { color: var(--cwj-taupe); }
p { margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; }

.cwj-container {
  max-width: var(--cwj-container-wide);
  margin-inline: auto;
  padding-inline: var(--cwj-container-pad);
}
.cwj-container-inner {
  max-width: var(--cwj-container);
  margin-inline: auto;
}

.cwj-eyebrow {
  font-family: var(--cwj-font-ui);
  font-weight: 600;
  font-size: 12px;
  line-height: 20.64px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--cwj-taupe);
}

.cwj-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 54px;
  padding: 0 25px;
  border-radius: var(--cwj-radius-pill);
  background: var(--cwj-ink-button);
  box-shadow: inset 0 0 0 1px var(--cwj-gold);
  font-family: var(--cwj-font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--cwj-cream);
  white-space: nowrap;
  transition: background-color 220ms ease;
}
.cwj-btn:hover { background: var(--cwj-brown); color: var(--cwj-cream); }
.cwj-btn .cwj-arrow { font-family: var(--cwj-font-ui); font-size: 19px; line-height: 19px; }

.cwj-btn.is-outline {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--cwj-taupe);
  color: var(--cwj-taupe);
}
.cwj-btn.is-outline:hover { background: var(--cwj-taupe); color: var(--cwj-cream); }

/* Il resto delle sezioni (header, hero, about, esperienza, eventi, jeff,
   testimonianze, cta, footer) vive in assets/css/sections.css, importato
   da functions.php: si tiene tutto leggibile invece di un unico file infinito. */