/* ============================================================
   PARCO DEI PINI — Design Tokens
   ============================================================ */

:root {
  --cream:      #FAF8F3;
  --ivory:      #F4EFE6;
  --sand:       #E6DDD0;
  --gold:       #B5904F;
  --gold-light: #CEAA6E;
  --gold-pale:  #E8D4A8;
  --bronze:     #7A5E28;
  --dark:       #17211B;
  --dark-2:     #202A23;
  --mid:        #3D3629;
  --soft:       #6E6356;
  --muted:      #9A8E81;
  --white:      #FFFFFF;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', system-ui, sans-serif;

  --sp-xs: 0.5rem;
  --sp-s:  1rem;
  --sp-m:  2rem;
  --sp-l:  4rem;
  --sp-xl: 7rem;
  --sp-2xl:12rem;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.76, 0, 0.24, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.3s;
  --dur-mid:  0.6s;
  --dur-slow: 1.0s;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}