/* Charcoal Theme - Color Variables Only */
:root {
  /* Background Colors */
  --bg-primary: #0a0a0a;
  --bg-secondary: #111111;
  --bg-tertiary: #1a1a1a;
  --bg-hover: #1f1f1f;
  --bg-active: #252525;
  --bg-card: #141414;
  
  /* Text Colors */
  --text-primary: #ededed;
  --text-secondary: #9ca3af;
  --text-tertiary: #6b7280;
  
  /* Border Colors */
  --border-color: #262626;
  --border-hover: #333333;
  
  /* Accent Colors */
  --accent-primary: #10b981;
  --accent-hover: #059669;
  --accent-subtle: #064e3b;
  
  /* Shadow Effects */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
}