/* ============================================================
   TOKENS
   Generato dallo Studio (/studio/). Puoi modificarlo a mano:
   lo Studio rilegge questo file a ogni avvio.
   ============================================================ */

:root {
  /* --- COLORE --- */
  --paper: #FFBD14;
  --paper-2: #E7E4DD;
  --ink: #16150F;
  --ink-soft: #6C6A61;
  --accent: #D8451F;
  --rule: rgba(22, 21, 15, 0.16);
  --rule-strong: rgba(22, 21, 15, 0.42);
  --selection: rgba(216, 69, 31, 0.2);

  /* --- TIPOGRAFIA --- */
  --font-sans: "Schibsted Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-display: clamp(2.75rem, 1.05rem + 6.8vw, 7rem);
  --fs-xl: clamp(1.75rem, 1.35rem + 1.6vw, 2.75rem);
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-md: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --fs-sm: 0.9375rem;
  --fs-xs: 0.75rem;
  --lh-tight: 0.95;
  --lh-snug: 1.15;
  --lh-normal: 1.55;
  --tr-tight: -0.035em;
  --tr-normal: -0.01em;
  --tr-wide: 0.14em;

  /* --- SPAZIO --- */
  --sp-1: 0.3rem;
  --sp-2: 0.6rem;
  --sp-3: 0.9rem;
  --sp-4: 1.2rem;
  --sp-5: 1.8rem;
  --sp-6: 2.4rem;
  --sp-7: 3.6rem;
  --sp-8: 5.4rem;
  --sp-9: 8.4rem;
  --section-gap: clamp(4rem, 2rem + 8vw, 9rem);

  /* --- LAYOUT --- */
  --max-w: 1440px;
  --gutter: clamp(1.25rem, -0.05rem + 5.2vw, 4.5rem);
  --grid-gap: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);

  /* --- ALTRO --- */
  --radius: 2px;
  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}

/* --- VARIANTE SCURA: cambiano solo i colori --- */
[data-theme="dark"] {
  --paper: #000000;
  --paper-2: #1B1A15;
  --ink: #FFBF00;
  --ink-soft: #8E8B80;
  --accent: #FF5C2B;
  --rule: rgba(255, 191, 0, 0.18);
  --rule-strong: rgba(255, 191, 0, 0.45);
  --selection: rgba(255, 92, 43, 0.26);
}