/* ============================================================
   TOKEN — l'unica fonte di colori, spazi, misure.
   I componenti usano SOLO queste variabili, mai valori a mano.
   Per rivestire il sito si toccano SOLO questi token.

   Look "A — Rivista" (scelto il 2026-08-17 dopo il mockup di convergenza):
   editoriale, caldo, foto grande in apertura. La palette arancio/oro è
   quella chiesta da Daniela in intervista, confermata dal mockup.
   ============================================================ */

:root {
  /* Tipografia */
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;

  --step--1: 0.9rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.1rem;
  --step-4: clamp(2.4rem, 5.5vw, 3.4rem);

  /* Spazi */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem; --space-9: 6.5rem;

  /* Misure */
  --radius: 14px;
  --radius-sm: 8px;
  --maxw: 1080px;
  --measure: 66ch;              /* larghezza di lettura (dipende dal font) */
  --measure-wide: 61rem;        /* colonna larga, in rem: uguale in ogni font */

  /* Semantici fissi (uguali nei due temi) */
  --shadow: 0 1px 2px rgba(40, 26, 12, .06), 0 10px 30px -14px rgba(40, 26, 12, .22);
  --transition: 180ms ease;
  /* Velo scuro sopra le foto dell'hero: rende leggibile il testo bianco.
     Uguale nei due temi perché sta sopra un'immagine, non sopra il paper. */
  --scrim: linear-gradient(180deg, transparent 22%, rgba(18, 12, 6, .34) 52%, rgba(18, 12, 6, .80) 100%);
}

/* --- Tema chiaro (default) --- */
:root {
  --paper: #FBF6EC;
  --surface: #FFFFFF;
  --surface-2: #FFFDF8;
  --ink: #26201A;
  --ink-soft: #6E6355;
  --brand: #C85A17;        /* arancio */
  --brand-strong: #A5460E;
  --brand-tint: #FBE7D3;
  --accent: #E6A32C;       /* giallo/miele */
  --border: #ECE2D2;
  --focus: #C85A17;
}

/* --- Tema scuro: preferenza del sistema operativo --- */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #17120C;
    --surface: #1F1810;
    --surface-2: #271E14;
    --ink: #F3EBDD;
    --ink-soft: #B7A88F;
    --brand: #F0913F;
    --brand-strong: #F7A85A;
    --brand-tint: #2E2113;
    --accent: #F0C24A;
    --border: #34291B;
    --focus: #F0913F;
  }
}

/* --- Override espliciti dell'interruttore (vincono in entrambi i versi) --- */
:root[data-theme="dark"] {
  --paper: #17120C; --surface: #1F1810; --surface-2: #271E14;
  --ink: #F3EBDD; --ink-soft: #B7A88F;
  --brand: #F0913F; --brand-strong: #F7A85A; --brand-tint: #2E2113;
  --accent: #F0C24A; --border: #34291B; --focus: #F0913F;
}
:root[data-theme="light"] {
  --paper: #FBF6EC; --surface: #FFFFFF; --surface-2: #FFFDF8;
  --ink: #26201A; --ink-soft: #6E6355;
  --brand: #C85A17; --brand-strong: #A5460E; --brand-tint: #FBE7D3;
  --accent: #E6A32C; --border: #ECE2D2; --focus: #C85A17;
}