:root {
  --bg-primary: #FAFAFA;
  --bg-surface: #FFFFFF;
  --text-primary: #111827;
  --text-secondary: #4B5563;
  --text-muted: #9CA3AF;
  
  --color-charcoal: #1A1D20;
  --color-ivory: #F9F6F0;
  --color-gold: #C5A059;
  --color-gold-hover: #B38F48;
  
  --border-color: #E5E7EB;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  
  --transition: all 0.2s ease-in-out;
}

[data-theme="dark"] {
  --bg-primary: #0B0F17;
  --bg-surface: #131B2E;
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --border-color: #1E293B;
}