/* ==========================================================================
   Design tokens — Prontocasa
   Unica fonte di verità per colori, tipografia, spaziature e ombre.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- Colori: superfici --- */
  --c-paper: #fbf9f5;
  --c-paper-alt: #f2ede4;
  --c-surface: #ffffff;
  --c-ink: #12293c;
  --c-ink-deep: #0b1c2a;
  --c-ink-soft: #5e7385;
  --c-line: #e3dcd0;
  --c-line-strong: #cfc5b5;

  /* --- Colori: marchio --- */
  --c-accent: #b0342a;
  --c-accent-dark: #8c281f;
  --c-brass: #b98c42;
  --c-brass-light: #d9b26a;

  /* --- Colori: stato ---
     Allineati all'app (src/theme/tokens.ts). I precedenti erano nati per una
     pagina bianca: su --c-paper, che e crema, il verde menta e l'azzurro
     cielo sembravano prestati da un'altra applicazione, e gli sfondi stavano
     a 1.06-1.09 di contrasto con la pagina, cioe sotto la soglia in cui una
     pastiglia si vede come oggetto invece che come alone.
     Ogni tinta e ora tirata verso il caldo e gli sfondi stanno fra 1.21 e
     1.25, con le chiarezze allineate fra loro. --c-warn su --c-warn-bg
     faceva 4.49:1, sotto AA per un'etichetta piccola: ora 5.68:1. */
  --c-ok: #2a5f33;
  --c-ok-bg: #dce8d0;
  --c-ok-border: #c4d8b4;
  --c-warn: #7a4a0a;
  --c-warn-bg: #f2dfb2;
  --c-warn-border: #e2c88c;
  --c-info: #1d5079;
  --c-info-bg: #dae5f0;
  --c-info-border: #bed2e6;
  /* Gli stati che non sono ne buoni ne in corso. Erano --c-ink-soft su
     --c-paper-alt, una coppia nata per il testo secondario: 4.22:1. */
  --c-neutral: #4a5f70;
  --c-neutral-bg: #e8e2d6;
  --c-whatsapp: #1e8a4f;
  --c-whatsapp-dark: #166e3d;

  /* --- Tipografia --- */
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-body: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "SF Mono", "IBM Plex Mono", Menlo, Consolas, monospace;

  --fs-body: 17px;
  --fs-h1: clamp(2.1rem, 5vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 3.4vw, 2.4rem);
  --fs-h3: 1.12rem;
  --fs-small: 0.86rem;
  --fs-label: 0.72rem;

  --lh-tight: 1.12;
  --lh-body: 1.62;

  /* --- Spaziature --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;
  --sp-9: 104px;

  --wrap: 1160px;
  --wrap-narrow: 760px;

  /* --- Forme --- */
  --radius-sm: 3px;
  --radius: 4px;
  --radius-lg: 6px;
  --radius-pill: 999px;

  /* --- Ombre --- */
  --shadow-sm: 0 2px 8px rgba(18, 41, 60, 0.06);
  --shadow: 0 14px 38px rgba(18, 41, 60, 0.1);
  --shadow-lg: 0 30px 80px rgba(11, 28, 42, 0.32);

  /* --- Transizioni --- */
  --t-fast: 0.15s ease;
  --t-base: 0.22s ease;
  --t-slow: 0.45s ease;

  /* --- Layer --- */
  --z-nav: 60;
  --z-float: 70;
  --z-panel: 100;
  --z-modal: 200;
  --z-toast: 300;
}