:root {
  /* Primary Colors - Warm Blue-Gray */
  --primary-50: #f0f2f5;
  --primary-100: #e1e5eb;
  --primary-200: #c3cbd7;
  --primary-300: #a5b1c3;
  --primary-400: #8797af;
  --primary-500: #6b7a8f;
  --primary-600: #566273;
  --primary-700: #414a57;
  --primary-800: #2b313b;
  --primary-900: #16191f;
  
  /* Secondary Colors - Soft Terracotta */
  --secondary-50: #fdf8f3;
  --secondary-100: #fbf1e7;
  --secondary-200: #f7e3cf;
  --secondary-300: #f3d5b7;
  --secondary-400: #efc79f;
  --secondary-500: #d4a574;
  --secondary-600: #aa845d;
  --secondary-700: #7f6346;
  --secondary-800: #55422e;
  --secondary-900: #2a2117;
  
  /* Neutral Colors - Warm Cream */
  --neutral-50: #fefdfb;
  --neutral-100: #fdfbf7;
  --neutral-200: #fbf7ef;
  --neutral-300: #f9f3e7;
  --neutral-400: #f7efdf;
  --neutral-500: #f5f1e8;
  --neutral-600: #c4c1ba;
  --neutral-700: #93918c;
  --neutral-800: #62605e;
  --neutral-900: #31302f;
  
  /* Accent Colors - Sage Green */
  --accent-50: #f7f9f6;
  --accent-100: #eff3ed;
  --accent-200: #dfe7db;
  --accent-300: #cfdbc9;
  --accent-400: #bfcfb7;
  --accent-500: #9caf88;
  --accent-600: #7d8c6d;
  --accent-700: #5e6952;
  --accent-800: #3f4637;
  --accent-900: #1f231b;
  
  /* Warm Colors - Terracotta */
  --warm-50: #fdf8f3;
  --warm-100: #fbf1e7;
  --warm-200: #f7e3cf;
  --warm-300: #f3d5b7;
  --warm-400: #efc79f;
  --warm-500: #d4a574;
  --warm-600: #aa845d;
  --warm-700: #7f6346;
  --warm-800: #55422e;
  --warm-900: #2a2117;
  
  /* Success Colors - Based on Sage Green */
  --success-50: #f7f9f6;
  --success-100: #eff3ed;
  --success-200: #dfe7db;
  --success-300: #cfdbc9;
  --success-400: #bfcfb7;
  --success-500: #9caf88;
  --success-600: #7d8c6d;
  --success-700: #5e6952;
  --success-800: #3f4637;
  --success-900: #1f231b;
  
  /* Warning Colors - Based on Terracotta */
  --warning-50: #fdf8f3;
  --warning-100: #fbf1e7;
  --warning-200: #f7e3cf;
  --warning-300: #f3d5b7;
  --warning-400: #efc79f;
  --warning-500: #d4a574;
  --warning-600: #aa845d;
  --warning-700: #7f6346;
  --warning-800: #55422e;
  --warning-900: #2a2117;
  
  /* Error Colors - Based on Warm Red */
  --error-50: #fdf2f2;
  --error-100: #fbe5e5;
  --error-200: #f7cbcb;
  --error-300: #f3b1b1;
  --error-400: #ef9797;
  --error-500: #bc6c25;
  --error-600: #96561e;
  --error-700: #704116;
  --error-800: #4a2b0f;
  --error-900: #251507;
  
  /* Semantic Colors */
  --background: var(--neutral-500);
  --surface: var(--neutral-50);
  --text-primary: var(--primary-900);
  --text-secondary: var(--primary-700);
  --text-muted: var(--neutral-600);
  --border: var(--neutral-300);
  --shadow: rgba(0, 0, 0, 0.08);
  
  /* White and Overlay Colors */
  --white: var(--neutral-50);
  --overlay-light: rgba(245, 241, 232, 0.95);
  --overlay-dark: rgba(0, 0, 0, 0.4);
  --overlay-white: rgba(245, 241, 232, 0.98);
  --text-shadow: rgba(0, 0, 0, 0.08);
  --shadow-dark: rgba(0, 0, 0, 0.12);
  --gradient-overlay: rgba(245, 241, 232, 0.1);
  
  /* Interactive Colors */
  --hover-bg: var(--neutral-400);
  --active-bg: var(--neutral-300);
  --focus-ring: var(--primary-500);
  
  /* Game Card Colors */
  --game-card-bg: var(--surface);
  --game-card-hover: var(--neutral-400);
  --game-card-shadow: 0 1px 3px var(--shadow);
  --game-card-shadow-hover: 0 4px 6px var(--shadow);
  
  /* Game Button Colors */
  --game-button-bg: var(--primary-600);
  --game-button-text: var(--white);
  --game-button-hover: var(--primary-700);
  --game-button-coming-soon-bg: var(--neutral-600);
  --game-button-coming-soon-text: var(--neutral-200);
  --game-button-coming-soon-hover: var(--neutral-700);
  
  /* Navbar Colors */
  --navbar-bg: var(--primary-500);
  --navbar-text: var(--accent-500);
  --navbar-text-secondary: var(--accent-400);
  --navbar-hover: var(--primary-600);
  --navbar-active: var(--primary-700);
  --navbar-border: var(--primary-600);
  --navbar-shadow: rgba(78, 31, 0, 0.2);
}