:root {
  --app-bg: #f5f5f5;
  --panel-bg: #ffffff;
  --panel-shadow: rgba(0,0,0,0.1);
  --panel-divider: #e0e0e0;
  --canvas-border: #dddddd;
  --debug-bg: rgba(0,0,0,0.04);
  --debug-border: #e0e0e0;
  --error-text: #d32f2f;
  --error-border: #d32f2f;
  --error-glow: rgba(211, 47, 47, 0.35);
  --text-primary: #111111;
  --app-bg-dark: #0b0c0f;
  --canvas-border-dark: #2a2c31;
  --debug-bg-dark: rgba(255,255,255,0.06);
  --debug-border-dark: #2a2c31;
  --error-text-dark: #ff8a80;
  --error-border-dark: #ff8a80;
  --error-glow-dark: rgba(255, 138, 128, 0.4);
}

body.dark {
  --app-bg: #0b0c0f;
  --panel-bg: #1e1f23;
  --panel-shadow: rgba(0,0,0,0.45);
  --panel-divider: #2a2c31;
  --canvas-border: #2a2c31;
  --debug-bg: rgba(255,255,255,0.06);
  --debug-border: #2a2c31;
  --error-text: #ff8a80;
  --error-border: #ff8a80;
  --error-glow: rgba(255, 138, 128, 0.4);
  --text-primary: #e0e0e0;
}