/* =========================================================
   DIMORA BAGNI — Design Tokens
   ========================================================= */
:root {
  /* Brand Palette */
  --color-siena:   #C65D2A;
  --color-salvia:  #7A8C6E;
  --color-crema:   #FAF7F2;
  --color-oro:     #B8973A;
  --color-dark:    #0F0D0A;
  --color-dark-2:  #1C1812;
  --color-mid:     #6B5B45;
  --color-light:   #F0EBE2;
  --color-overlay: rgba(10, 8, 6, 0.55);

  /* Status colours (calendar) */
  --color-booked:    #C65D2A;
  --color-available: #7A8C6E;
  --color-past:      #B0A898;
  --color-selected:  #B8973A;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Lato', system-ui, sans-serif;

  /* Fluid type scale */
  --text-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 1.8vw, 1rem);
  --text-base: clamp(1rem,     2vw,   1.125rem);
  --text-lg:   clamp(1.125rem, 2.5vw, 1.375rem);
  --text-xl:   clamp(1.5rem,   3.5vw, 2rem);
  --text-2xl:  clamp(2rem,     5vw,   3rem);
  --text-3xl:  clamp(2.5rem,   6vw,   4rem);
  --text-hero: clamp(2.8rem,   7vw,   5rem);

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  7rem;

  /* Layout */
  --container-max: 1200px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;

  /* Transitions — easeOutExpo for a "turning a page" luxury feel */
  --transition:      300ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 700ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Z-index */
  --z-nav:      100;
  --z-lightbox: 200;
  --z-modal:    300;
}