/* Jungle Cubs Gym - Design System Tokens */
:root {
  /* Brand Color Palette */
  --primary-green: #287844;
  --primary-green-dark: #1d5831;
  --primary-green-light: #37a05b;
  --primary-green-soft: #eaf5ed;
  
  --secondary-gold: #f9ca2b;
  --secondary-gold-dark: #d9ab14;
  --secondary-gold-light: #ffdc5f;
  --secondary-gold-soft: #fff9e6;

  --accent-red: #c72e31;
  --accent-red-dark: #9e1f22;
  --accent-red-soft: #fde8e8;

  --accent-brown: #763230;
  --accent-brown-light: #9a4846;

  --neutral-dark: #1e293b;
  --neutral-body: #475569;
  --neutral-muted: #94a3b8;
  --neutral-light: #f8fafc;
  --neutral-white: #ffffff;

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Bouncy Bezier Curves & Timing */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s var(--ease-smooth);
  --transition-bounce: 0.4s var(--ease-bounce);

  /* Elevation Shadows */
  --shadow-sm: 0 2px 8px rgba(40, 120, 68, 0.08);
  --shadow-md: 0 8px 24px rgba(40, 120, 68, 0.12);
  --shadow-lg: 0 16px 36px rgba(40, 120, 68, 0.16);
  --shadow-bouncy: 0 12px 32px rgba(249, 202, 43, 0.25);
  --shadow-glow-green: 0 0 24px rgba(40, 120, 68, 0.35);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: 1px solid rgba(255, 255, 255, 0.6);
  --glass-blur: blur(12px);

  /* Border Radii */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-full: 9999px;
}