/* Theme CSS Variables — Light only */
:root {
  --color-bg: #ffffff;
  --color-bg-secondary: #f8f9fa;
  --color-bg-card: #ffffff;
  --color-bg-input: #ffffff;
  --color-bg-hover: #f0f0f0;
  --color-text: #333333;
  --color-text-secondary: #666666;
  --color-text-muted: #999999;
  --color-border: #e0e0e0;
  --color-border-light: #f0f0f0;
  --color-primary: #F7E226;
  --color-primary-hover: #e6d120;
  --color-primary-text: #333333;
  --color-accent: #FF6B35;
  --color-success: #28a745;
  --color-success-bg: #d4edda;
  --color-error: #dc3545;
  --color-error-bg: #f8d7da;
  --color-warning: #ffc107;
  --color-warning-bg: #fff3cd;
  --color-info: #17a2b8;
  --color-info-bg: #d1ecf1;
  --color-shadow: rgba(0, 0, 0, 0.08);
  --color-shadow-strong: rgba(0, 0, 0, 0.15);
  --color-overlay: rgba(0, 0, 0, 0.5);
  --color-header-bg: #ffffff;
  --color-footer-bg: #333333;
  --color-footer-text: #ffffff;
}

/* Apply theme variables to common elements */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}