/* ==========================================================================
   Design Tokens - BONBON (Sugar Rush Candy Shop)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Outfit:wght@400;600;800&display=swap');

:root {
  /* Candy Palette */
  --clr-bg: #FFFDF7;          /* Creamy Milk White */
  --clr-bg-alt: #FFF5F8;      /* Strawberry Milk Tint */
  --clr-text: #3A2A38;        /* Deep Cocoa Brown (No harsh black!) */
  --clr-text-muted: #8C7A8A;  /* Soft Muted Purple */

  /* Vibrant Sugar Flavors */
  --clr-strawberry: #FF2E93;  /* Neon Strawberry Pink */
  --clr-lemon: #FFD200;       /* Electric Lemon Yellow */
  --clr-cotton: #00F2FE;      /* Cotton Candy Cyan */
  --clr-mint: #38EF7D;        /* Fresh Mint Green */
  --clr-grape: #9B51E0;       /* Grape Purple */

  /* Typography */
  --font-display: 'Righteous', cursive; /* Curvy, bold, delicious */
  --font-sans: 'Outfit', sans-serif;      /* Modern, clean, round */
  
  /* Fluid Typography */
  --text-xs: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --text-sm: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-base: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
  --text-lg: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);
  --text-xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --text-2xl: clamp(4rem, 3.5rem + 5vw, 6.5rem);
  --text-hero: clamp(4.5rem, 7vw + 4.5rem, 9.5rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;
  
  /* Easings (Motion) */
  --ease-sugar: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 0.3s var(--ease-sugar);
  --transition-med: 0.5s var(--ease-sugar);

  /* Glossy & Soft UI */
  --radius-full: 9999px;
  --radius-lg: 32px;
  --radius-md: 20px;
  
  --shadow-glossy: 0 12px 25px rgba(255, 46, 147, 0.25);
  --shadow-soft: 0 10px 30px rgba(58, 42, 56, 0.08);
}