/* ==========================================================================
   SECONDA VISIONE — DESIGN TOKENS (Mission 10B.2-R3)
   ==========================================================================
   Direzione R3: cinema intelligence platform, non piu' collana editoriale.
   Universo cromatico unico — nero vero, bianco/off-white, rosso cinema
   profondo come unico accento (disciplinato: stato, interazione, CTA,
   intelligence). Nessun oro, nessun marrone, nessun beige dominante.

   BREAKPOINT DI RIFERIMENTO:
     mobile-s : fino a 374px  (iPhone SE e simili)
     mobile   : 375px – 639px
     tablet   : 640px – 1023px
     laptop   : 1024px – 1279px
     desktop  : 1280px e oltre
   ========================================================================== */

:root {
  /* ---------- Colore / luce ---------- */
  --sv-bg: #060606;
  --sv-bg-elevated: #0d0d0d;
  --sv-surface: #111111;
  --sv-surface-hover: #171717;
  --sv-border: rgba(255, 255, 255, 0.09);
  --sv-border-strong: rgba(255, 255, 255, 0.18);

  /* rosso cinema — unico accento del sistema. Riservato a: stato,
     interazione, focus, CTA primaria, segnali di intelligence. Mai
     usato come colore di sfondo dominante o come riempimento diffuso. */
  --sv-red: #d81e3c;
  --sv-red-strong: #ff2d47;
  --sv-red-soft: rgba(216, 30, 60, 0.38);
  --sv-red-dim: rgba(216, 30, 60, 0.12);
  --sv-red-glow: rgba(216, 30, 60, 0.55);

  --sv-text: #f4f4f4;
  --sv-text-dim: #a8a8a8;
  --sv-text-faint: #6e6e6e;

  --sv-state-positive: #6fbf78;
  --sv-state-caution: #d98a3d;
  --sv-state-neutral: #9a9a9a;

  --sv-focus-ring: #ff2d47;

  /* ---------- Tipografia ----------
     Ruoli chiari: il serif e' un accento display (Home, momenti di
     scoperta), il sans e' la lingua operativa dominante ovunque
     (Dashboard, Accesso, corpo del testo). Il corsivo e' un accento,
     mai la voce principale del prodotto. */
  --sv-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  --sv-font-sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --sv-size-brand: clamp(1rem, 0.94rem + 0.3vw, 1.2rem);
  --sv-size-display: clamp(2.1rem, 1.65rem + 5vw, 4.6rem);
  --sv-size-hero: clamp(1.7rem, 1.45rem + 2vw, 2.8rem);
  --sv-size-h1: clamp(1.45rem, 1.3rem + 1vw, 2rem);
  --sv-size-h2: clamp(1.15rem, 1.08rem + 0.5vw, 1.4rem);
  --sv-size-lede: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --sv-size-body: 1rem;
  --sv-size-meta: 0.85rem;
  --sv-size-micro: 0.75rem;
  --sv-size-stat: clamp(2.2rem, 1.8rem + 1.8vw, 3.2rem);

  --sv-line-tight: 1.1;
  --sv-line-editorial: 1.55;
  --sv-line-body: 1.6;

  /* ---------- Spaziatura (scala 4px) ---------- */
  --sv-space-1: 0.25rem;
  --sv-space-2: 0.5rem;
  --sv-space-3: 0.75rem;
  --sv-space-4: 1rem;
  --sv-space-6: 1.5rem;
  --sv-space-8: 2rem;
  --sv-space-12: 3rem;
  --sv-space-16: 4rem;
  --sv-space-24: 6rem;
  --sv-space-32: 8rem;

  /* ---------- Superfici ---------- */
  --sv-radius-sm: 3px;
  --sv-radius-md: 7px;
  --sv-radius-lg: 12px;

  --sv-content-width: 44rem;
  --sv-content-width-wide: 68rem;

  /* ---------- Touch ---------- */
  --sv-touch-min: 44px;

  /* ---------- Motion — sistema unico, centralizzato ---------- */
  --sv-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --sv-ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --sv-duration-fast: 150ms;
  --sv-duration-base: 320ms;
  --sv-duration-slow: 620ms;
  --sv-duration-reveal: 900ms;
  --sv-duration-ambient: 26s;
}

@media (max-width: 374px) {
  :root {
    --sv-size-display: clamp(1.9rem, 1.6rem + 4vw, 2.6rem);
    --sv-size-hero: clamp(1.5rem, 1.3rem + 2vw, 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sv-duration-fast: 0ms;
    --sv-duration-base: 0ms;
    --sv-duration-slow: 0ms;
    --sv-duration-reveal: 0ms;
    --sv-duration-ambient: 0ms;
  }
}