/* Hallmark · tokens · Amaro delle Terre del Falco
 * theme: studied-DNA (struttura) + palette del marchio (colore)
 * struttura da https://www.spiritacademy.it · colori dal logo del committente
 * paper oklch(96.8% 0.019 75) = #fcf3e7 · accent oklch(54.6% 0.140 32) = #b34b39
 * display+body: Playfair Display · UI/etichette: Oswald · radius 0
 * axes: light / roman-serif / warm
 *
 * Palette estratta dai valori reali del riferimento e corretta in due punti,
 * dove il sorgente non passa l'AA:
 *   · il loro bianco su #ff6f00 dà 2,79:1  -> qui l'arancione pieno porta
 *     inchiostro scuro (7,5:1), e per i bottoni con testo chiaro esiste
 *     --color-accent-deep, che con il bianco fa 4,97:1
 *   · il loro corpo #797979 su bianco dà 4,35:1 -> qui 7,1:1
 */

:root {
  /* ---- Carta ------------------------------------------------------------
   * I valori vengono dal logo, non da Spirit Academy: il riferimento ha dato
   * la struttura, il colore lo dà il marchio. Sull'arancione #ff6f00 il
   * terracotta del logo faceva 1,89:1 — «AMARO» spariva. */
  --color-paper:        oklch(96.8% 0.019 75);   /* #fcf3e7, la carta del logo */
  --color-paper-2:      oklch(94.0% 0.020 75);
  --color-paper-3:      oklch(91.0% 0.022 75);
  --color-paper-deep:   oklch(22.0% 0.030 54);

  /* ---- Inchiostro ------------------------------------------------------- */
  --color-ink:          oklch(28% 0.032 54);     /* bruno dei titoli */
  --color-ink-2:        oklch(44% 0.028 54);     /* corpo — 7,0:1 sulla carta */
  --color-ink-inv:      oklch(96% 0.018 75);
  --color-muted:        oklch(52% 0.024 54);
  --color-neutral:      oklch(64% 0.018 60);

  /* ---- Filetti ---------------------------------------------------------- */
  --color-rule:         oklch(86% 0.016 75);
  --color-rule-2:       oklch(92% 0.014 75);
  --color-rule-inv:     oklch(36% 0.026 54);

  /* ---- Accento ----------------------------------------------------------
   * Il terracotta esatto del logo. La variante scura serve ai bottoni con
   * testo chiaro sopra: a 54,6% la carta sopra fa 4,8:1, a 48% fa 6,3:1. */
  --color-accent:       oklch(54.6% 0.140 32);   /* #b34b39 del logo */
  --color-accent-deep:  oklch(48% 0.140 32);
  --color-accent-ink:   oklch(96.8% 0.019 75);
  /* Il terracotta sul bruno scuro della striscia fa 2,79:1 e non si legge.
     Questa variante schiarita ne fa 4,81:1: si usa solo su fondo scuro. */
  --color-accent-light: oklch(68% 0.13 32);
  --color-on-accent:    oklch(96.8% 0.019 75);
  /* Velatura del fold. 0,78 è il minimo misurato sulla foto in uso: sotto il
     testo la luminanza è 0,369 e serve almeno 0,60 per stare a 4,5:1; 0,78
     tiene margine anche sui punti più chiari. Più di così scurirebbe il
     soggetto senza guadagno di leggibilità. */
  --color-scrim:        oklch(18% 0.020 54 / 0.78);
  --color-scrim-soft:   oklch(18% 0.020 54 / 0.34);
  --color-scrim-fade:   oklch(18% 0.020 54 / 0);
  --color-focus:        oklch(50% 0.16 32);

  /* ---- Stato ------------------------------------------------------------ */
  --color-success:      oklch(52% 0.14 141);
  --color-danger:       oklch(49.6% 0.164 27);   /* il loro #ac2d28 */

  /* ---- Tipografia -------------------------------------------------------
   * Le due famiglie che il riferimento carica davvero. Con una differenza:
   * là Oswald regge anche la prosa, ed è un condensato da display che sui
   * paragrafi lunghi si legge male. Qui Oswald fa solo interfaccia —
   * navigazione, etichette, prezzi, bottoni — e la prosa va a Playfair. */
  --font-display: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-ui:      'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --text-xs:         0.75rem;
  --text-sm:         0.8125rem;
  --text-base:       1.0625rem;
  --text-lg:         1.1875rem;
  --text-xl:         1.375rem;
  --text-2xl:        1.75rem;
  --text-3xl:        2.25rem;
  --text-4xl:        clamp(2rem, 4.5vw, 3rem);
  --text-display-s:  clamp(2.5rem, 6vw, 3.75rem);
  --text-display:    clamp(2.75rem, 7.5vw, 5.5rem);

  --leading-tight:   1.06;
  --leading-snug:    1.16;
  --leading-body:    1.65;
  --leading-loose:   1.75;

  --tracking-tight:  -0.015em;
  --tracking-normal: 0;
  --tracking-wide:   0.05em;
  --tracking-caps:   0.11em;

  --measure:         66ch;
  --measure-narrow:  46ch;

  /* ---- Spazio · scala 4 pt ----------------------------------------------
   * Più stretta di prima: il riferimento è denso, da catalogo, e le fasce
   * larghe da atelier romperebbero quel passo. */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 6.5rem;

  --gutter:    clamp(1rem, 3vw, 2rem);
  --shell:     84rem;
  --shell-narrow: 46rem;

  /* ---- Filetti e raggi --------------------------------------------------
   * Raggio zero ovunque, come il riferimento: immagini e bottoni a spigolo. */
  --rule-hair:  1px;
  --rule-frame: 2px;
  --radius-none: 0;
  --radius-xs:   0;
  --radius-sm:   0;

  /* ---- Movimento --------------------------------------------------------
   * Il riferimento non carica nessuna libreria di animazione. Teniamo la
   * nostra entrata singola e nulla più. */
  --dur-short: 130ms;
  --dur-mid:   240ms;
  --dur-long:  480ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Livelli ----------------------------------------------------------- */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  100;
  --z-nav:     200;
  --z-overlay: 800;
  --z-gate:    900;
}