:root {
  /* ============================================================
     PALETTE — bianco/nero radicale + beige sussurro (cotone)
     Nero = guarda dentro · Bianco = materiale grezzo
     Nessun accento cromatico: l'accento è il PESO tipografico.
     ============================================================ */
  --black: #0C0C0D;          /* bg sezioni scure */
  --black-deep: #000000;     /* profondità massima */
  --black-soft: #161618;     /* dark intermedio */
  --white: #F7F5F0;          /* bianco caldo cotone — testo su scuro, bg chiaro */
  --white-pure: #FFFFFF;
  --paper: #ECE7DD;          /* beige sussurro (neutro, non giallo) */
  --paper-deep: #DED7C8;
  --ink: #0C0C0D;            /* testo su chiaro */
  --ink-soft: #5A554C;       /* testo muto su chiaro */

  /* alpha del bianco su scuro */
  --white-soft: rgba(247, 240, 232, 0.62);
  --white-dim: rgba(247, 240, 232, 0.34);
  --hairline: rgba(247, 240, 232, 0.14);     /* bordi su scuro (ex gold-soft) */
  --hairline-ink: rgba(12, 12, 13, 0.12);    /* bordi su chiaro */
  --halo: rgba(247, 240, 232, 0.16);

  /* unico accento cromatico: il blu della penna degli schizzi d'atelier
     (la mano di Gianluca, non un colore-brand) — usato SOLO su carta */
  --pen-blu: #2B3A8C;
  --pen-blu-soft: rgba(43, 58, 140, 0.5);

  /* retro-compat: vecchi token rimappati su B/N (niente più oro) */
  --bg-dark: var(--black);
  --bg-mid: var(--black-soft);
  --bg-deep: var(--black-deep);
  --paper-shadow: var(--ink-soft);
  --gold-dust: var(--white);                 /* ex accento oro → bianco/peso */
  --gold-soft: var(--hairline);
  --star: rgba(247, 240, 232, 0.85);

  /* ============================================================
     TIPOGRAFIA — Aileron UNICO font del brand (thin ↔ black)
     Cormorant Garamond rimosso (era un font non-brand): --font-serif
     ora rimappa su Aileron così ogni vecchio uso resta Aileron.
     "schiacciato" come da Canva: letter-spacing -48 ≈ -0.048em.
     ============================================================ */
  --font-sans: 'Aileron', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-serif: var(--font-sans);

  /* pesi Aileron realmente disponibili dal CDN */
  --w-thin: 250;     /* lusso quieto */
  --w-light: 300;
  --w-reg: 400;
  --w-semi: 600;
  --w-bold: 700;     /* strappo */
  --w-black: 900;    /* not so ordinary */

  --fs-mega: clamp(3rem, 12vw, 8.5rem);
  --fs-xxl: clamp(2.5rem, 8vw, 5.5rem);
  --fs-xl: clamp(2rem, 5vw, 3.5rem);
  --fs-lg: clamp(1.5rem, 3.5vw, 2.25rem);
  --fs-md: clamp(1.125rem, 2vw, 1.375rem);
  --fs-base: clamp(1rem, 1.5vw, 1.125rem);
  --fs-sm: clamp(0.875rem, 1.2vw, 1rem);
  --fs-xs: 0.8125rem;

  --tracking-squeeze: -0.048em;   /* logo/display "schiacciato" — Canva -48 */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
  --tracking-wider: 0.12em;
  --tracking-widest: 0.25em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: clamp(5rem, 12vh, 10rem);

  --container: 1200px;
  --container-narrow: 760px;

  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast: 240ms;
  --dur-med: 600ms;
  --dur-slow: 1200ms;
  --dur-xslow: 1800ms;
}