/* ============================================
   MAIN CSS - Optimierte Import-Struktur
   ============================================ */

/* 1. Core - Grundlegende Definitionen */
@import 'core/_variables.css';
@import 'core/_reset.css';
@import 'core/_typography.css';
@import 'core/_layout.css';

/* 2. Components - Wiederverwendbare Komponenten */
@import 'components/_buttons.css';
@import 'components/_cards.css';
@import 'components/_forms.css';
@import 'components/_navigation.css';
@import 'components/_sections.css';

/* 3. Pages - Seitenspezifische Styles */
@import 'pages/_index-page.css';
@import 'pages/_projects.css';
@import 'pages/_error-page.css';

/* 4. Utilities - Hilfsfunktionen und Overrides */
@import 'utilities/_helpers.css';
@import 'utilities/_animations.css';
@import 'utilities/_responsive.css';

/* 5. Impressum und datenschutz */
@import 'pages/_legal-pages.css';

/* ============================================
   PROJECT SPACING OPTIMIERUNGEN
   ============================================ */

/* Konsistente Abstände zwischen Hauptsektionen */
.project-content > h2,
.project-content > h3 {
  margin-top: var(--space-10);
  margin-bottom: var(--space-5);
}

/* Erste Überschrift ohne oberen Abstand */
.project-content > h2:first-child,
.project-content > h3:first-child {
  margin-top: 0;
}

/* Container-Elemente mit konsistenten Abständen */
.project-content > .container {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}

/* Spezifische Anpassungen für bessere visuelle Hierarchie */
.project-stats + *,
.demo-showcase + *,
.benefits-list + *,
.use-cases + *,
.experiments-grid + * {
  margin-top: var(--space-12);
}