/* Native AI Theme - Main Stylesheet */

/* 1. Variables and Design System */
@import './variables.css';

/* 2. Base Styles and Reset */
@import './base.css';

/* 3. Layout Components */
@import './components/header.css';
@import './hero.css';

/* 4. Page Components */
@import './components/video-hero.css';
@import './components/trust-badges.css';
@import './components/services-grid.css';
@import './components/roofing-process.css';
@import './components/blog-preview.css';
@import './components/latest-projects.css';
@import './components/image-accordion.css';
@import './components/lead-form.css';
@import './components/video-player.css';

/* 5. Utility Classes */
@import './utilities.css';

/* 6. WordPress Core Overrides */
.wp-block-image {
  margin: var(--nai-space-lg) 0;
}

.wp-block-button__link {
  background: var(--nai-color-primary);
  color: var(--nai-text-light);
  padding: var(--nai-space-sm) var(--nai-space-lg);
  border-radius: var(--nai-radius-lg);
  text-decoration: none;
  transition: all var(--nai-transition-base) var(--nai-ease-in-out);
}

.wp-block-button__link:hover {
  background: var(--nai-color-secondary);
  transform: translateY(-2px);
}