/* Google Fonts: Nunito (Headings) and Quicksand (Body) */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Quicksand:wght@400;500;600;700&display=swap');

:root {
  /* Playful Color Palette */
  --color-yellow: #FFD93D;
  --color-teal: #4D96FF;
  --color-pink: #FF6B6B;
  --color-purple: #9B72AA;
  --color-green: #6BCB77;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--color-yellow), var(--color-pink));
  --gradient-secondary: linear-gradient(135deg, var(--color-teal), var(--color-blue, #3861fb));
  --gradient-text: linear-gradient(to right, #FF6B6B, #FFD93D);
  
  /* Background Colors (Light / Playful Theme) */
  --bg-light: #ffffff;
  --bg-soft: #F9F9F9;
  --bg-card: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.9);
  
  /* Text Colors */
  --text-dark: #2D3436;
  --text-muted: #636E72;
  --text-header: #2D3436;
  
  /* Typography */
  --font-heading: 'Nunito', sans-serif;
  --font-body: 'Quicksand', sans-serif;
  
  /* Shapes & Shadows */
  --radius-lg: 35px;
  --radius-md: 20px;
  --shadow-playful: 0 8px 20px rgba(0, 0, 0, 0.08); /* Softer, modern playful shadow */
  --shadow-primary: 0 10px 25px rgba(255, 217, 61, 0.4); /* Colored shadow for yellow buttons */
  --shadow-hover: 0 15px 35px rgba(0, 0, 0, 0.15);
  --border-playful: 3px solid #F1F1F1;
  
  /* Spacing & Transitions */
  --max-width: 1200px;
  --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy transition */
}