/* ===========================================
   MAIN.CSS - Hauptstylesheet
   Connected Breathwork

   Diese Datei importiert alle CSS-Module.
   Reihenfolge ist wichtig!
   =========================================== */

/* 1. Design System Variablen */
@import url('./variables.css');

/* 2. Basis-Styles (Reset, Typografie) */
@import url('./base.css');

/* 3. Loading Screen (höchste Priorität) */
@import url('./loading.css');

/* 4. Komponenten */
@import url('./navigation.css');
@import url('./buttons.css');
@import url('./cards.css');

/* 5. Layout-Sektionen */
@import url('./sections.css');
@import url('./hero.css');
@import url('./particles.css');
@import url('./footer.css');

/* ===========================================
   Homepage Nav-Logo: Initial versteckt,
   erscheint beim Scrollen
   =========================================== */
body.homepage .nav-logo {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

body.homepage.scrolled .nav-logo {
  opacity: 1;
  pointer-events: auto;
}