/* ============================================================
   MAIN — single entry point, imports every other stylesheet
   ============================================================
   The HTML only needs to load this one file (styles/main.css).
   ORDER MATTERS:
     1. tokens.css       — design variables (used by everything below)
     2. base.css         — reset + body defaults
     3. layout.css       — section wrappers, grids, shared layout
     4. animations.css   — @keyframes + scroll-reveal transition
     5. components/*.css — one file per UI section/component

   To add a new section:
     1. create styles/components/<name>.css
     2. add an @import line below
     3. add the markup in index.html
   ============================================================ */

@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('animations.css');

@import url('components/nav.css');
@import url('components/hero.css');
@import url('components/ticker.css');
@import url('components/offer.css');
@import url('components/instagram.css');
@import url('components/founder.css');
@import url('components/contact.css');
@import url('components/footer.css');
@import url('components/mobile-menu.css');
@import url('components/effects.css');