/* Impeccable · tokens · La Dolcezza di Barbara — "Giorno" (warm light)
 * Cream ground (la cliente ama il chiaro), chocolate ink, discreet gold + cherry-red accents.
 * Photography carries the richness; the bento tiles are the dark, appetizing contrast.
 * Two families: Jost (display) + Manrope (body) — brand rule: no serifs.
 */
:root{
  --paper:    oklch(95%   0.018 84);   /* warm cream base            */
  --paper-2:  oklch(98%   0.010 88);   /* raised / cards             */
  --paper-3:  oklch(90.5% 0.028 82);   /* sunk band                  */

  --ink:      oklch(29%   0.045 44);   /* chocolate text             */
  --ink-2:    oklch(21%   0.038 44);
  --muted:    oklch(48%   0.030 56);
  --cream:    oklch(97.5% 0.012 88);   /* text over dark photos      */

  --gold:     oklch(60%   0.100 72);   /* deep enough to read on cream */
  --gold-2:   oklch(70%   0.090 76);
  --red:      oklch(55%   0.205 27);   /* cuore accent               */
  --neon:     oklch(66%   0.250 26);   /* red neon glow              */

  --line:      oklch(83% 0.03 76);
  --line-soft: oklch(30% 0.03 44 / .10);

  --shadow:    0 30px 64px -34px oklch(30% 0.05 44 / .34);
  --shadow-sm: 0 14px 34px -22px oklch(30% 0.05 44 / .30);
  --scrim-b: linear-gradient(to top, oklch(16% 0.03 38 / .86) 0%, oklch(16% 0.03 38 / .34) 40%, oklch(16% 0.03 38 / 0) 80%);
  --scrim-tile: linear-gradient(to top, oklch(13% 0.03 38 / .92) 0%, oklch(13% 0.03 38 / .5) 42%, oklch(13% 0.03 38 / .18) 100%);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");

  --font-display: "Jost", "Futura", "Century Gothic", sans-serif;
  --font-body:    "Manrope", "Helvetica Neue", Arial, sans-serif;

  --text-xs:0.78rem; --text-sm:0.9rem; --text-base:1.04rem;
  --text-md:1.24rem; --text-lg:1.6rem; --text-xl:2.1rem;
  --text-2xl:clamp(2.1rem,3vw + 1rem,3rem);
  --text-3xl:clamp(2.6rem,5vw + 1rem,4.4rem);
  --text-display:clamp(3rem,7vw + 1rem,5.6rem);

  --space-2xs:0.25rem; --space-xs:0.5rem; --space-sm:0.75rem; --space-md:1rem;
  --space-lg:1.5rem; --space-xl:2.5rem; --space-2xl:4rem; --space-3xl:6.5rem; --space-4xl:10rem;

  --gutter:clamp(1.25rem,5vw,5.5rem);
  --max:1320px; --measure:62ch; --radius:6px;

  --ease-out:cubic-bezier(.19,1,.22,1);
  --ease-io:cubic-bezier(.65,.05,.36,1);
  --dur-1:260ms; --dur-2:500ms; --dur-3:900ms;

  --z-base:1; --z-raised:10; --z-sticky:200; --z-modal:400;
}