/* ==========================================================================
   BASE — Intuendi Landing 2026
   Import font, reset minimale e stili di base che usano i token.
   Caricare DOPO tokens.css.
   ========================================================================== */

/* IBM Plex Serif / Sans / Mono — pesi e stili usati nel design */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;1,400&family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Serif:wght@400&display=swap");

/* ----------------------------------------------------------------------
   Reset minimale
   ---------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-text-primary);
  background-color: var(--color-bg-hero);
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}

/* ----------------------------------------------------------------------
   Classi tipografiche di base (opzionali, mappate ai ruoli del design)
   ---------------------------------------------------------------------- */
.t-title {
  font-family: var(--font-serif);
  font-size: var(--text-4xl);
  line-height: var(--leading-tight);
  color: var(--color-text-primary);
}

.t-kpi {
  font-family: var(--font-mono);
  font-size: var(--text-4xl);
  color: var(--color-accent);
}

.t-body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  color: var(--color-text-secondary);
}

.t-quote {
  font-family: var(--font-sans);
  font-style: italic;
  font-size: var(--text-lg);
  color: var(--color-text-primary);
}

/* accento "stockout" nel titolo: mono italic verde */
.t-accent {
  font-family: var(--font-mono);
  font-style: italic;
  color: var(--color-accent);
}