:root {
  /* Zone Colors */
  --forest-primary: #51CF66;
  --forest-secondary: #2B8A3E;
  --forest-bg1: #D8F5A2;
  --forest-bg2: #69DB7C;

  --ocean-primary: #4ECDC4;
  --ocean-secondary: #1B9AAA;
  --ocean-bg1: #99E9F2;
  --ocean-bg2: #3BC9DB;

  --space-primary: #6C5CE7;
  --space-secondary: #4834D4;
  --space-bg1: #D0BFFF;
  --space-bg2: #845EF7;

  --candy-primary: #FF6B6B;
  --candy-secondary: #E03E3E;
  --candy-bg1: #FFC9C9;
  --candy-bg2: #FF8787;

  /* UI Colors */
  --bg-dark: #2D1B69;
  --bg-medium: #3D2B7A;
  --bg-light: #F8F9FA;
  --text-dark: #2D1B69;
  --text-light: #FFFFFF;
  --text-muted: #868E96;

  --accent-yellow: #FFD93D;
  --accent-orange: #FF922B;
  --accent-pink: #F06595;
  --accent-blue: #339AF0;

  --star-gold: #FFD93D;
  --star-empty: #CED4DA;

  --success: #51CF66;
  --warning: #FFD93D;
  --error: #FF6B6B;

  /* Puzzle Cell Colors (vivid, kid-friendly) */
  --cell-red: #FF6B6B;
  --cell-blue: #339AF0;
  --cell-green: #51CF66;
  --cell-yellow: #FFD93D;
  --cell-purple: #CC5DE8;
  --cell-orange: #FF922B;
  --cell-pink: #F06595;
  --cell-cyan: #3BC9DB;
  --cell-empty: #F1F3F5;
  --cell-border: #DEE2E6;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-round: 50%;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.2);
  --shadow-glow: 0 0 20px rgba(108,92,231,0.4);

  /* Timing */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-snap: cubic-bezier(0, 0.7, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* Font */
  --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'SF Mono', 'Consolas', monospace;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --font-size-xxl: 40px;
  --font-size-title: 56px;

  /* Z-indices */
  --z-bg: 0;
  --z-game: 1;
  --z-ui: 10;
  --z-fx: 20;
  --z-modal: 100;
  --z-toast: 200;
}