/*
  Brand kit Nextfuture — token (versione 1.0, 11/11/2026)

  Palette P2 «Nero e lime» con il verde notte per le parti scure.
  Caratteri: Host Grotesk per titoli e testo (L1), Satoshi Black per i grassetti (L0).
  Vale per tutti i siti: nextfuture.it, extravirginsoftware.it, softwarefrantoio.it,
  extrafly.it, portaledellolio.it. Cambia solo il logo e il nome nella firma del footer.

  Caricare i caratteri nell'<head>:
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400..700&display=swap" rel="stylesheet">
  <link href="https://api.fontshare.com/v2/css?f[]=satoshi@900&display=swap" rel="stylesheet">
*/
:root {
  /* --- colori del marchio (il logo resta com'è) --- */
  --nf-logo-verde: #7a9c30;    /* verde del logo: icone, link nelle grafiche, dettagli */
  --nf-logo-goccia: #c5bb28;   /* goccia del logo: solo nel logo */

  /* --- P2: fondi e testo --- */
  --bg: #ffffff;               /* fondo pagina */
  --surface: #f1f1f1;          /* sezioni e riquadri chiari */
  --ink: #0e0f0c;              /* testo principale e titoli */
  --muted: #585a53;            /* testo secondario e paragrafi lunghi */
  --line: #e3e3de;             /* linee sottili */
  --line-strong: #c9c9c2;      /* bordi dei campi e linee forti */

  /* --- azione --- */
  --accent: #0e0f0c;           /* pulsanti pieni: neri */
  --accent-ink: #ffffff;       /* testo sui pulsanti pieni */
  --brand: #7a9c30;            /* icone e link evidenziati: verde del logo */
  --spot: #cde26c;             /* lime: evidenziare, pulsanti sulle parti scure, fascia K4 */

  /* --- parti scure: verde notte (footer, fasce, sezioni scure) --- */
  --deep: #1f2914;             /* verde notte */
  --deep-ink: #f4f6ee;         /* testo sul verde notte */
  --deep-muted: #aab49c;       /* testo secondario sul verde notte */
  --deep-line: #34402a;        /* linee sul verde notte */
  --deep-accent: #cde26c;      /* pulsanti e dettagli sul verde notte: lime */

  /* --- caratteri --- */
  --font-display: "Host Grotesk", system-ui, sans-serif;
  --font-text: "Host Grotesk", system-ui, sans-serif;
  --font-grassetto: "Satoshi", "Host Grotesk", sans-serif;
  --display-weight: 600;
  --display-tracking: -0.035em;
  --display-stretch: 100%;
  --bold-weight: 900;

  /* --- scala dei testi --- */
  --t-h1: clamp(42px, 5.6vw, 80px);
  --t-h2: clamp(32px, 3.6vw, 52px);
  --t-h3: clamp(22px, 2vw, 28px);
  --t-lead: 19px;
  --t-body: 17px;
  --t-small: 14px;

  /* --- misure --- */
  --wrap: 1200px;
  --gutter: 24px;
  --r-sm: 4px; --r-md: 8px; --r-lg: 14px;
  --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --nav: 64px; --nav-h: 64px;

  /* --- movimento --- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --m-hover: 150ms;            /* pulsanti e link */
  --m-card: 180ms;             /* schede con link: si alzano di 2px */
  --m-enter: 1100ms;           /* entrata della prima schermata (A1), una volta sola */

  /* nomi usati dai momenti animati del kit (A3, A4, A7, A8) */
  --ground-bg: var(--surface); --p-bg: var(--bg); --p-surface: var(--surface); --p-inv-bg: var(--deep);
}

/* Le sezioni scure: verde notte, testo chiaro, lime per i pulsanti */
.ground-inverse { --bg: var(--deep); --surface: var(--deep); --ink: var(--deep-ink); --muted: var(--deep-muted); --line: var(--deep-line); --accent: var(--deep-accent); background: var(--deep); color: var(--deep-ink); }

/* Grassetti nel testo: Satoshi Black (L0) sopra Host Grotesk */
b, strong { font-family: var(--font-grassetto); font-weight: var(--bold-weight); }