/* ══════════════════════════════════════════════════════
   FEEDORAX — Theme System
   Handles Dark/Light mode variables and overrides
══════════════════════════════════════════════════════ */

/* Default (Dark Mode) Variables */
#feedorax-timeline-container.feedorax-timeline-container {
  --mtfy-bg: #000000;
  --mtfy-text-primary: #FFFFFF;
  --mtfy-text-secondary: rgba(255, 255, 255, 0.6);
  --mtfy-glass-bg: rgba(0, 0, 0, 0.6);
  --mtfy-glass-border: rgba(59, 130, 246, 0.15);
  --mtfy-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
  --mtfy-msg-received: rgba(255, 255, 255, 0.05);
}

/* Light Mode Overrides */
#feedorax-timeline-container.feedorax-timeline-container.mtfy-light {
  --mtfy-bg: #f3f4f6;
  --mtfy-text-primary: #111827;
  --mtfy-text-secondary: #4b5563;
  --mtfy-glass-bg: rgba(255, 255, 255, 0.8);
  --mtfy-glass-border: rgba(59, 130, 246, 0.2);
  --mtfy-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --mtfy-msg-received: rgba(0, 0, 0, 0.05);
}

/* Global Typography Fixes (Prevent theme leakage) */
#feedorax-timeline-container.feedorax-timeline-container h1,
#feedorax-timeline-container.feedorax-timeline-container h2,
#feedorax-timeline-container.feedorax-timeline-container h3,
#feedorax-timeline-container.feedorax-timeline-container h4,
#feedorax-timeline-container.feedorax-timeline-container h5,
#feedorax-timeline-container.feedorax-timeline-container h6,
#feedorax-timeline-container.feedorax-timeline-container span,
#feedorax-timeline-container.feedorax-timeline-container p {
  color: inherit;
}

#feedorax-timeline-container.feedorax-timeline-container {
  color: var(--mtfy-text-primary);
}