/* Modern Minimalist Brown Design System */
:root {
  /* Brown Color Palette */
  --brown-50: #FDF7F0;
  --brown-100: #F9E6D3;
  --brown-200: #F2D1A7;
  --brown-300: #E8B882;
  --brown-400: #DD9F5C;
  --brown-500: #D18B42;
  --brown-600: #B8753A;
  --brown-700: #9F5F32;
  --brown-800: #8B4A2A;
  --brown-900: #6B3A21;
  
  /* Primary Colors */
  --primary: var(--brown-600);
  --primary-light: var(--brown-500);
  --primary-dark: var(--brown-800);
  --accent: var(--brown-400);
  --secondary: var(--brown-200);
  
  /* Background Colors */
  --background: var(--brown-50);
  --surface: #FFFFFF;
  --surface-elevated: #FEFCF9;
  
  /* Text Colors */
  --text-primary: var(--brown-900);
  --text-secondary: var(--brown-700);
  --text-muted: var(--brown-600);
  --text-light: var(--brown-500);
  
  /* Border & Divider */
  --border: var(--brown-200);
  --border-light: var(--brown-100);
  --divider: var(--brown-200);
  
  /* Status Colors */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;
  
  /* Modern Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(107, 58, 33, 0.05);
  --shadow-sm: 0 2px 4px 0 rgba(107, 58, 33, 0.08);
  --shadow-md: 0 4px 8px 0 rgba(107, 58, 33, 0.12);
  --shadow-lg: 0 8px 16px 0 rgba(107, 58, 33, 0.15);
  --shadow-xl: 0 16px 32px 0 rgba(107, 58, 33, 0.18);
  --shadow-2xl: 0 24px 48px 0 rgba(107, 58, 33, 0.20);
  
  /* Modern Border Radius - 20px everywhere */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  
  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Transitions */
  --transition-fast: all 0.15s ease;
  --transition: all 0.3s ease;
  --transition-slow: all 0.5s ease;
}