/**
 * Dark Mode Overrides for Homepage
 * Only gradient overrides that need different dark mode values.
 * Text colors inherit from dark-mode.css via CSS custom properties.
 */

/* System preference dark mode */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .aiab-hero {
    background: linear-gradient(135deg, #cc7200 0%, #a05800 100%);
  }

  :root:not([data-theme="light"]) .aiab-demo-grid {
    background: linear-gradient(135deg, #cc7200 0%, #a05800 100%);
  }

  :root:not([data-theme="light"]) .aiab-cta-section {
    background: linear-gradient(135deg, #a05800 0%, #cc7200 100%);
  }

  :root:not([data-theme="light"]) .aiab-feature-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  }
}

/* Manual dark mode toggle */
[data-theme="dark"] .aiab-hero {
  background: linear-gradient(135deg, #cc7200 0%, #a05800 100%);
}

[data-theme="dark"] .aiab-demo-grid {
  background: linear-gradient(135deg, #cc7200 0%, #a05800 100%);
}

[data-theme="dark"] .aiab-cta-section {
  background: linear-gradient(135deg, #a05800 0%, #cc7200 100%);
}

[data-theme="dark"] .aiab-feature-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}