/* =============================================================================
   PRIMO ROUND DESIGN SYSTEM — tokens (solo :root + utility class-based).
   NB: le regole su elementi nudi (html/body/h1-h6/p/a) del file originale
   colors_and_type.css sono state RIMOSSE: caricate globalmente riscriverebbero
   la tipografia delle pagine Elementor esistenti. Verranno applicate più avanti,
   scoperte dai template del restyling. Qui restano variabili + classi utility.
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400&display=swap');

:root {
  /* COLOR — Primary brand */
  --pr-orange: #F37335;
  --pr-orange-deep: #E25A1F;
  --epr-orange-ontext: #A8480F;      /* arancione scuro ACCESSIBILE per testo su fondo chiaro (>=4.5:1) */

  /* Color-coding per TIPO di contenuto (testo ink sopra: sempre alto contrasto) */
  --epr-c-materiali: #F37335;        /* MATERIALI / CTA lead-gen = arancio */
  --epr-c-articoli:  #8FCEDD;        /* ARTICOLI = celeste */
  --epr-c-case:      #F5E09A;        /* CASE HISTORY = giallino */
  --epr-c-articoli-ink: #1F5563;     /* accento articoli scuro accessibile su chiaro */
  --epr-c-case-ink:     #6B5A12;     /* accento case history scuro accessibile su chiaro */
  --pr-orange-soft: #FFD9C4;
  --pr-orange-tint: #FFF0E6;

  /* COLOR — Neutrals (warm, cream-leaning) */
  --pr-ink: #0E0E0F;
  --pr-ink-2: #2A2A2D;
  --pr-ink-3: #5C5C62;
  --pr-ink-4: #8A8A92;
  --pr-line: #E8E0D5;
  --pr-line-2: #D6CCBE;
  --pr-cream: #FAF6F1;
  --pr-cream-2: #F3ECE0;
  --pr-paper: #FFFFFF;

  /* COLOR — Event Pills editorial layer */
  --ep-navy: #15252F;
  --ep-navy-2: #1F3340;
  --ep-teal: #2A5560;
  --ep-orange: var(--pr-orange);
  --ep-paper: #FFFFFF;
  --ep-cream: #FAF6F1;

  /* TYPE — Families
     Display + body = Montserrat (sans): titoli e testo.
     Accent = Newsreader (serif leggero, "appena accennato") SOLO per le domande e i ruoli target. */
  --font-display: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-display-black: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-body: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-accent: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-editorial: 'Newsreader', Georgia, serif;

  /* TYPE — Weight */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* SPACING — 8px base */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* RADII */
  --r-pill: 999px;

  /* SHADOW */
  --sh-card-hover: 0 4px 16px rgba(0,0,0,0.08);

  /* MOTION */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-slow: 400ms;

  /* LAYOUT */
  --epr-max-page: 1180px;
}

/* Utility class-based (sicure globalmente, non toccano elementi nudi) */
.pr-em, em.pr-em, .display-em { font-style: italic; font-weight: inherit; }
.editorial { font-family: var(--font-editorial); font-style: italic; }
.epr-overline {
  font-size: max(0.875rem, 14px); letter-spacing: .16em; text-transform: uppercase;
  font-weight: 900; color: var(--pr-ink-3);
}
.bg-ink { background: var(--pr-ink); color: var(--pr-cream); }
.bg-orange { background: var(--pr-orange); color: var(--pr-paper); }
.bg-navy { background: var(--ep-navy); color: var(--pr-paper); }