/* Redesign 23/10/2026 · tre fonti, misurate dai CSS live:
 * Apple    (apple.com/it, sk-*)       → palette neutra #fff/#f5f5f7/#1d1d1f/#6e6e73, link #0066cc, bottone blu #0071e3 a pillola 980px, testata in vetro
 * Revolut  (revolut.com, rui-*)       → bottone nero #191c1f a pillola peso 600, bottoni secondari grigi #f4f4f4, schede #f7f7f7 raggio 24px, Inter
 * Satispay (satispay.com, _astro)     → Bricolage Grotesque extrabold -0.02em, rosso #ff3d00, crema #fffbef, bruno #290402, apertura centrata a bande piene
 * Footer: quello originale (lettera in Instrument Serif), invariato.
 */
:root {
  /* neutri Apple */
  --color-paper:       #ffffff;
  --color-paper-2:     #f5f5f7;
  --color-paper-3:     #e8e8ed;
  --color-rule:        #d2d2d7;
  --color-rule-strong: #86868b;
  --color-muted:       #6e6e73;
  --color-ink-2:       #424245;
  --color-ink:         #1d1d1f;

  /* link e bottone Apple */
  --color-link:        #0066cc;
  --color-apple-blue:  #0071e3;
  --color-apple-blue-hover: #0077ed;

  /* bottoni Revolut */
  --color-action:       #191c1f;
  --color-action-hover: #35393d;
  --color-action-2:     #f4f4f4;
  --color-action-2-hover: #ebebf0;
  --color-card:         #f7f7f7;

  /* Satispay */
  --color-accent:        #ff3d00;   /* rosso: solo tocchi grandi (punto, numeri, CTA WhatsApp) */
  --color-accent-strong: #c42f00;   /* rosso leggibile su bianco per testo piccolo (4.9:1) */
  --color-accent-soft:   #ffe9e0;
  --color-on-accent:     #ffffff;
  --color-cream:         #fffbef;
  --color-brown:         #290402;
  --color-focus:         #0071e3;

  /* stati (sempre con testo, mai solo colore) */
  --color-live:        #1a7f37;
  --color-live-soft:   #e3f5e8;
  --color-signal:      #9a5b00;
  --color-signal-soft: #fdf2e5;
  --color-danger:      #d70015;

  /* banda scura: il tabellone degli store, bruno Satispay */
  --color-night:       var(--color-brown);
  --color-night-2:     #3a0d0a;
  --color-night-rule:  #5a2a25;
  --color-night-ink:   var(--color-cream);
  --color-night-muted: #e2cfc6;
  --color-lamp-go:     #3ddc84;
  --color-lamp-wait:   #ffc24b;
  --color-lamp-idle:   #a88f88;

  /* tipografia */
  --font-display: "Bricolage Grotesque", "SF Pro Display", -apple-system, system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;
  --font-letter:  "Instrument Serif", "Iowan Old Style", Georgia, serif;   /* solo footer originale */

  --text-xs:      0.8125rem;
  --text-sm:      0.9375rem;
  --text-base:    1.0625rem;                                       /* 17px come il corpo Apple */
  --text-lg:      clamp(1.1875rem, 1.05rem + 0.45vw, 1.3125rem);   /* 21px: lede Apple */
  --text-xl:      clamp(1.9rem, 1.3rem + 2vw, 2.75rem);
  --text-2xl:     clamp(2.4rem, 1.4rem + 3.4vw, 4rem);
  --text-display: clamp(2.75rem, 1.2rem + 6.4vw, 6.25rem);         /* Satispay: clamp(48px, 6vw, 110px) */

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-max:    80rem;
  --page-gutter: clamp(1rem, 4.2vw, 3rem);
  --measure:     62ch;

  --radius-sm:   12px;     /* campi Revolut */
  --radius-md:   24px;     /* schede Revolut */
  --radius-lg:   28px;     /* riquadri Apple */
  --radius-pill: 980px;    /* pillola Apple */

  --rule:        1px solid var(--color-rule);

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro:   120ms;
  --dur-short:   220ms;
  --dur-long:    520ms;

  --z-base:   1;
  --z-raised: 10;
  --z-sticky: 200;

  --shadow-screen: 0 2px 8px rgba(41, 4, 2, 0.08), 0 24px 48px -24px rgba(29, 29, 31, 0.35);
}