/* Devin Flora — Design tokens
   Variabili CSS del design system. Caricato per primo. */
:root{
  --df-forest-900:#1E3A2B; --df-forest-800:#264634; --df-forest-700:#2E5A41;
  --df-forest-600:#386B4E; --df-forest-300:#9CB9A9; --df-forest-100:#E4EDE7;
  --df-clay-800:#8C3F1E; --df-clay-700:#B5532A; --df-clay-500:#D2754E; --df-clay-100:#F7E7DD;
  --df-gold-800:#7A5E16; --df-gold-500:#D9A521; --df-gold-100:#F7ECD0;
  --df-blush-700:#AC5A66; --df-blush-500:#E0A1A8; --df-blush-100:#FBEEEF;
  --df-cream:#FAF6F0; --df-paper:#FFFFFF; --df-sand:#F0E9DF;
  --df-ink:#232019; --df-stone-600:#6B6357; --df-stone-400:#A79E90; --df-stone-300:#DCD4C7;
  --df-success:#2E7D4F; --df-error:#C0392B;
  --df-font-display:"Fraunces", Georgia, serif;
  --df-font-sans:"Hanken Grotesk", system-ui, sans-serif;
  --df-radius-sm:8px; --df-radius-md:14px; --df-radius-lg:20px; --df-radius-pill:999px;
  --df-shadow-sm:0 1px 2px rgba(35,32,25,.06),0 1px 3px rgba(35,32,25,.05);
  --df-shadow-md:0 6px 20px rgba(35,32,25,.08);
  --df-shadow-lg:0 16px 40px rgba(35,32,25,.14);
  --df-header-h:68px;
}