/* ==========================================================================
   Design Tokens - BOTANICA (Haute Floristry)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,600;1,6..96,400&family=Lato:wght@300;400&display=swap');

:root {
  /* Colors */
  --clr-bg: #FDFBF7;          /* Creamy White / Canvas */
  --clr-text: #2A2A2A;        /* Soft Black */
  --clr-text-light: #5A5A5A;  /* Muted Text */
  
  /* Accents */
  --clr-forest: #1A3622;      /* Deep Forest Green */
  --clr-rose: #D4A3A3;        /* Dusty Rose */
  --clr-sand: #E6E0D4;        /* Sand / Beige */

  /* Typography */
  --font-display: 'Bodoni Moda', serif; /* Extremely elegant, high contrast */
  --font-sans: 'Lato', sans-serif;      /* Clean and understated */
  
  /* Fluid Typography */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem);
  --text-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.75rem);
  --text-2xl: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);
  --text-3xl: clamp(4rem, 3.5rem + 5vw, 8rem);
  --text-hero: clamp(5rem, 8vw + 4rem, 12rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2.5rem;
  --space-lg: 5rem;
  --space-xl: 10rem;
  --space-2xl: 15rem;
  
  /* Easings (Motion) - Graceful & Slow */
  --ease-graceful: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.5s var(--ease-graceful);
  --transition-medium: 1s var(--ease-graceful);
  --transition-slow: 1.8s var(--ease-graceful);

  /* Layout */
  --max-width: 1400px;
  --padding-x: clamp(2rem, 6vw, 6rem);
}