/* =====================================================================
   PANNELLO DI CONTROLLO DEL SITO
   Font, colori, bottoni e forme si cambiano solo qui.
   Per cambiare font: sostituisci anche il link Google Fonts in src/template.html.
   ===================================================================== */

:root {
  /* ---------- FONT ---------- */
  --font-display: "Anton", "Impact", "Arial Narrow", sans-serif;   /* titoli grandi, numeri */
  --font-body: "Poppins", "Helvetica Neue", Arial, sans-serif;     /* testi, titoli di sezione, bottoni */
  --font-script: "Nothing You Could Do", "Segoe Script", cursive;  /* accenti scritti a mano */
  --script-stroke: 0.7px;         /* spessore extra del corsivo: 0 = sottile come il font originale */

  --display-case: uppercase;      /* none = titoli grandi in minuscolo/maiuscolo normale */
  --display-tracking: 0.005em;
  --heading-weight: 600;          /* peso dei titoli di sezione */

  /* ---------- COLORI ---------- */
  --blue: #1f5eff;                /* blu elettrico: bottoni, azioni */
  --blue-neon: #4c8dff;           /* blu acceso: testo e accenti su fondo scuro */
  --blue-deep: #1448d6;           /* blu del hover */
  --blue-rgb: 46, 112, 255;       /* stesso blu in RGB, per i bagliori neon */

  --anthracite: #1d2025;          /* fondo scuro principale */
  --anthracite-2: #262a30;        /* schede su fondo scuro */
  --anthracite-3: #343940;        /* bordi su fondo scuro */
  --white: #ffffff;
  --paper: #f2f4f7;               /* fondo chiaro delle sezioni */
  --ink: #15181c;                 /* testo su fondo chiaro */
  --muted-on-dark: #aeb4bd;       /* testo secondario su scuro */
  --muted-on-light: #555d69;      /* testo secondario su chiaro */
  --line-on-light: #dde1e7;
  --whatsapp: #25d366;            /* bottone WhatsApp fisso in basso a destra */
  --price-old: #ff4d57;           /* prezzo barrato e timer, in rosso */
  --error: #d92d20;
  --success: #12805c;

  /* ---------- NEON ---------- */
  --glow-strength: 1;             /* 0 = niente bagliore, 1 = normale, 1.5 = più acceso */

  /* ---------- BOTTONI ---------- */
  --btn-height: 54px;
  --btn-pad-x: 26px;
  --btn-radius: 999px;            /* 999px = pillola, 12px = rettangolo arrotondato, 0 = spigoloso */
  --btn-font-size: 15px;
  --btn-weight: 600;
  --btn-case: none;               /* uppercase = tutto maiuscolo */
  --btn-tracking: 0;
  --btn-arrow: inline-grid;       /* none = toglie il cerchio con la freccia accanto ai bottoni */

  /* ---------- FORME ---------- */
  --radius-xl: 32px;              /* contenitori grandi (hero, blocco blu) */
  --radius-lg: 24px;              /* foto e schede */
  --radius-md: 16px;
  --radius-sm: 10px;

  /* ---------- LAYOUT ---------- */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --section-y: clamp(72px, 10vw, 140px);

  /* ---------- ANIMAZIONI ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 900ms;
}