/*
  TriPago home | token (mappabili su Elementor Global Colors / Global Fonts)
  Direzione: Registro evoluto in chiave moderna (sans geometrica, raggi morbidi, ombre leggere, gradienti sottili da token). Vedi docs/design/09-modernizzazione.md.
  Contrasti calcolati (WCAG 2.1) elencati in docs/design/04-home-spec.md.
*/
:root {
  /* COLORE | sistema a ruoli, dettagli e contrasti in docs/design/08-colori.md
     Logo: azzurro #2D9ED5, blu #1E8BC0, verde #129C3B / #4DAE2A. Navy = sezioni scure e testo. */
  /* superfici chiare (fredde, derivate dall'azzurro del logo) */
  --paper: #F5F9FA;      /* fondo pagina */
  --paper-2: #DCEEF8;    /* fondo tonale azzurro: sezioni, moduli, registro */
  --field: #FFFFFF;
  /* testo */
  --ink: #0B3A5C;        /* testo e titoli (navy) */
  --ink-2: #3F5A70;      /* testo secondario */
  /* guida: blu del logo */
  --brand: #1472A6;      /* bottoni primari, fill blu (bianco su brand 5.27:1) */
  --accent: #12689A;     /* testo accento e link su chiaro (>= 5.08:1 su carta e su azzurro tonale) */
  --logo-blue: #1E8BC0;  /* blu logo puro: grafica, linee, wordmark, testo grande (3.60:1 su carta) */
  /* azzurro del logo: superfici e grafica */
  --sky: #2D9ED5;        /* superfici ampie, barre, nodi; testo SOLO --night (4.61:1), mai bianco (3.02) */
  --sky-night: #5CBBEA;  /* azzurro su navy: accenti, testo, link (6.45:1) */
  /* verde del logo: segnali positivi, CTA secondarie */
  --ok: #0B7A2E;         /* verde scurito per testo e fill con testo bianco (5.16 su carta, 5.47 con bianco) */
  --logo-green: #129C3B; /* verde logo puro: solo grafica (3.39:1 su carta) */
  --ok-night: #4DAE2A;   /* verde logo (lime) su navy (4.90:1) */
  /* verde del logo, versione di superficie: fondi tonali e campi pieni (testo chiaro su --leaf, scuro su --mint) */
  --leaf: #0D4F2E;       /* campo verde scuro: CTA di chiusura e una fascia per pagina */
  --leaf-2: #136B3C;     /* superficie rialzata su --leaf */
  --on-leaf: #F3FAF5;    /* testo su --leaf (12.4:1) */
  --on-leaf-2: #CBE6D4;  /* testo secondario su --leaf (9.2:1) */
  --leaf-bright: #5BC24A; /* verde vivo su --leaf: accenti e link (6.2:1) */
  --mint: #E2F3E7;      /* fondo tonale verde chiaro, come --paper-2 ma verde */
  /* errore: funzionale, non di marca */
  --error: #B3261E;
  /* scuro (sezioni navy) */
  --night: #0A2E4D;
  --night-2: #12406A;    /* superficie rialzata su navy (riquadri) */
  --on-night: #F5F9FA;
  --on-night-2: #C3D9E8;
  /* filetti (solo decorativi) */
  --hair: rgba(11, 58, 92, .12);
  --hair-strong: rgba(11, 58, 92, .24);
  --hair-night: rgba(245, 249, 250, .18);
  /* segnaposto da confermare: stile distinto, MAI i colori di marca */
  --marker-bg: #F3E0C2;
  --marker-ink: #7A2B10;
  /* alias storici (retrocompatibilita'): "rust" non e' piu' un colore, vedi --accent / --sky-night */
  --rust: var(--accent);
  --rust-night: var(--sky-night);

  /* GRADIENTI | solo sottili, solo da token, mai decorativi (regole e contrasti: docs/design/08-colori.md e 09-modernizzazione.md) */
  
--grad-blue: none;   /* SOLO grafica senza testo: barre, nodi, linee */
  
--grad-sky: none;    /* superficie con testo: SOLO --night (>= 4.61:1) */
  
--grad-brand: none;  /* fondo bottone: testo bianco (>= 5.27:1) */
  
--grad-green: none;  /* SOLO grafica senza testo: stato pagato, nodo finale */
  
--grad-night: none;  /* sezioni scure: testo on-night */
  
--glow-sky: none; /* alone tenue sull'hero chiaro */
  
--glow-night: none; /* alone tenue sopra --night */

  /* tipografia: una sola famiglia sans geometrica (Plus Jakarta Sans, variabile 200-800, OFL). --serif resta come alias per i css di pagina */
  --font: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sans: var(--font);
  --serif: var(--font);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .8125rem;
  --fs-lead: clamp(1.0625rem, 1rem + .35vw, 1.3125rem);
  --fs-h1: clamp(2.5rem, 1.7rem + 4vw, 4.5rem);
  --fs-h2: clamp(1.625rem, 1.2rem + 2.4vw, 3.125rem);
  --fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);
  --w-display: 700;      /* titoli */
  --ls-display: -.028em; /* letter-spacing titoli */

  /* spazio */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-6: 3rem; --sp-8: 4rem;
  --sec-y: clamp(4rem, 2rem + 6.4vw, 9rem); /* 64px mobile, circa 117px a 1440 */
  --gutter: 20px;
  --max: 1240px;
  --header-h: 64px;

  /* forma: raggi morbidi, ombre a piu' strati (colore navy, mai nero) */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;
  --shadow-1: none; /* superfici a riposo: nessuna ombra, si separano per tono */
  --shadow-2: 0 0 0 1px rgba(10, 46, 77, .06), 0 2px 4px rgba(10, 46, 77, .06), 0 14px 32px -8px rgba(10, 46, 77, .18);
  --shadow-sheet: var(--shadow-1); /* alias storico del "foglio del registro" */
  --ease: cubic-bezier(.2, 0, 0, 1);
  --t-fast: 150ms;
  --t-reveal: 600ms;
}
@media (min-width: 720px) { :root { --gutter: 32px; } }
@media (min-width: 1024px) { :root { --fs-body: 1.0625rem; --header-h: 76px; } }