:root,
[data-theme="dark"] {
  /* Brand Colors */
  --brand-violet: #c084fc;
  --brand-magenta: #a855f7;
  --brand-pink: #818cf8;
  --brand-gradient: linear-gradient(135deg, var(--brand-pink), var(--brand-violet), var(--brand-magenta));

  /* Dark Theme Base */
  --bg-deep: #0f172a;
  --bg-card: rgba(30, 41, 59, 0.7);
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;

  /* Accents */
  --glass-border: rgba(255, 255, 255, 0.1);
  --glow-shadow: 0 0 20px rgba(167, 139, 250, 0.2);

  /* PyData Theme Overrides */
  --pst-color-primary: var(--brand-violet);
  --pst-color-primary-highlight: var(--brand-magenta);
  --pst-color-link: var(--brand-violet);
  --pst-color-link-hover: var(--brand-pink);
  --pst-color-active-navigation: var(--brand-violet);
}

[data-theme="light"] {
  /* Brand Colors */
  --brand-violet: #9333ea;
  --brand-magenta: #7c3aed;
  --brand-pink: #6366f1;
  --brand-gradient: linear-gradient(135deg, var(--brand-pink), var(--brand-violet), var(--brand-magenta));

  /* Light Theme Base */
  --bg-deep: #ffffff;
  --bg-card: rgba(243, 244, 246, 0.8);
  --text-primary: #0f172a;
  --text-secondary: #475569;

  /* Accents */
  --glass-border: rgba(0, 0, 0, 0.08);
  --glow-shadow: 0 0 20px rgba(124, 58, 237, 0.15);

  /* PyData Theme Overrides */
  --pst-color-primary: var(--brand-violet);
  --pst-color-primary-highlight: var(--brand-magenta);
  --pst-color-link: var(--brand-violet);
  --pst-color-link-hover: var(--brand-pink);
  --pst-color-active-navigation: var(--brand-violet);
}