/**
 * Sparcly Theme – custom styles
 * Load after style-s2.css (vendor). Imports base tokens then component partials.
 */

/* Design system foundation */
@import "base/variables.css";
@import "base/typography.css";
@import "base/animations.css";

/* Components */
@import "components/header.css";
@import "components/hero.css";
@import "components/cards.css";
@import "components/buttons.css";
@import "components/events.css";
@import "components/contact.css";
@import "components/ai-elements.css";
@import "components/about.css";
@import "components/help-center.css";
@import "components/legal.css";
@import "components/footer.css";
@import "theme-light-pages.css";
@import "theme-dark-pages.css";

/* Dark theme: bootstrap body compatibility */
body.is-dark {
  --bs-body-color: var(--sp-dark-text, #d4d4d4);
  --bs-body-color-rgb: 212, 212, 212;
  color: var(--sp-header-hero-text);
}