/* ============================================================
   TOKEN — l'unica fonte di colori, spazi, misure.
   Regola: i componenti usano SOLO queste variabili, mai valori
   scritti a mano (metodo prism: niente literal visivi).
   Un solo posto da toccare per cambiare l'aspetto di un cliente.
   ============================================================ */

: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: 12px;
  --radius-sm: 8px;
  --zone-edge: var(--space-8);  /* padding SOPRA e SOTTO ogni zona: uguale per tutte */
  --maxw: 1080px;
  --measure: 62ch;              /* larghezza di lettura (dipende dal font) */

  /* Semantici fissi (uguali nei due temi) */
  --band-emergency: #A5382B;
  --band-emergency-ink: #FFFFFF;
  --shadow: 0 1px 2px rgba(20, 26, 23, .06), 0 8px 24px -12px rgba(20, 26, 23, .18);
  --transition: 180ms ease;
}

/* --- Tema chiaro (default) --- */
:root {
  --paper: #F4F3EC;
  --surface: #FBFAF4;
  --surface-2: #FFFFFF;
  --ink: #1D2621;
  --ink-soft: #56605A;
  --brand: #22574A;
  --brand-strong: #163F35;
  --brand-tint: #E4EDE7;
  --honey: #C98A3E;
  --urgent: #A5382B;
  --border: #E1DFD3;
  --focus: #22574A;

  /* Pastelli "a cera" (accenti soft sui singoli elementi). Coppia sfondo + inchiostro
     per ogni famiglia; il verde brand resta l'àncora. */
  --ps-salvia: #D8E7DC;  --ps-salvia-ink: #2E5A49;
  --ps-pesca:  #FBE1D2;  --ps-pesca-ink:  #9C5A38;
  --ps-rosa:   #F7DCE1;  --ps-rosa-ink:   #9E4E60;
  --ps-cielo:  #DCE8F1;  --ps-cielo-ink:  #3F6484;
  --ps-lavanda:#E9E1F0;  --ps-lavanda-ink:#6A5591;
}

/* --- Tema scuro: preferenza del sistema operativo --- */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #15120E;
    --surface: #1B1712;
    --surface-2: #231E17;
    --ink: #ECEBE1;
    --ink-soft: #A39C8D;
    --brand: #82AD97;
    --brand-strong: #9CC2AE;
    --brand-tint: #23261D;
    --honey: #D3A06A;
    --urgent: #D08A79;
    --border: #2D2720;
    --focus: #82AD97;
    /* Pastelli in versione profonda e desaturata: stesse famiglie, mood scuro. */
    --ps-salvia: #243128;  --ps-salvia-ink: #9FC7B3;
    --ps-pesca:  #33261C;  --ps-pesca-ink:  #DBAB8C;
    --ps-rosa:   #33242C;  --ps-rosa-ink:   #D9A0B2;
    --ps-cielo:  #212D37;  --ps-cielo-ink:  #A0BDD6;
    --ps-lavanda:#2A2537;  --ps-lavanda-ink:#BEACD8;
  }
}

/* --- Override espliciti dell'interruttore (vincono in entrambi i versi) --- */
:root[data-theme="dark"] {
  --paper: #15120E; --surface: #1B1712; --surface-2: #231E17;
  --ink: #ECEBE1; --ink-soft: #A39C8D;
  --brand: #82AD97; --brand-strong: #9CC2AE; --brand-tint: #23261D;
  --honey: #D3A06A; --urgent: #D08A79; --border: #2D2720; --focus: #82AD97;
  --ps-salvia: #243128; --ps-salvia-ink: #9FC7B3; --ps-pesca: #33261C; --ps-pesca-ink: #DBAB8C;
  --ps-rosa: #33242C; --ps-rosa-ink: #D9A0B2; --ps-cielo: #212D37; --ps-cielo-ink: #A0BDD6;
  --ps-lavanda: #2A2537; --ps-lavanda-ink: #BEACD8;
}
:root[data-theme="light"] {
  --paper: #F4F3EC; --surface: #FBFAF4; --surface-2: #FFFFFF;
  --ink: #1D2621; --ink-soft: #56605A;
  --brand: #22574A; --brand-strong: #163F35; --brand-tint: #E4EDE7;
  --honey: #C98A3E; --urgent: #A5382B; --border: #E1DFD3; --focus: #22574A;
  --ps-salvia: #D8E7DC; --ps-salvia-ink: #2E5A49; --ps-pesca: #FBE1D2; --ps-pesca-ink: #9C5A38;
  --ps-rosa: #F7DCE1; --ps-rosa-ink: #9E4E60; --ps-cielo: #DCE8F1; --ps-cielo-ink: #3F6484;
  --ps-lavanda: #E9E1F0; --ps-lavanda-ink: #6A5591;
}