/* Dark theme (default) */
body.dark {
  --agx-bg-primary: #121212;
  --agx-bg-secondary: #1e1e1e;
  --agx-bg-surface: #252525;
  --agx-bg-elevated: #2c2c2c;
  --agx-text-primary: #e0e0e0;
  --agx-text-secondary: #a0a0a0;
  --agx-text-muted: #666666;
  --agx-border-colour: #333333;
  --agx-input-bg: #2a2a2a;
  --agx-input-border: #444444;
  --agx-input-focus: #6078E9;
  --agx-tooltip-bg: #333333;
  --agx-tooltip-text: #e0e0e0;

  background-color: var(--agx-bg-primary);
  color: var(--agx-text-primary);
}

/* Light theme */
body.light {
  --agx-bg-primary: #f5f5f5;
  --agx-bg-secondary: #ffffff;
  --agx-bg-surface: #ffffff;
  --agx-bg-elevated: #ffffff;
  --agx-text-primary: #55595C;
  --agx-text-secondary: #797979;
  --agx-text-muted: #9e9e9e;
  --agx-border-colour: #CCCCCC;
  --agx-input-bg: #ffffff;
  --agx-input-border: #cccccc;
  --agx-input-focus: #6078E9;
  --agx-tooltip-bg: #333333;
  --agx-tooltip-text: #ffffff;

  background-color: var(--agx-bg-primary);
  color: var(--agx-text-primary);
}