/* ==========================================================================
   MAIN STYLESHEET - Lockin.tech
   Imports all stylesheets in the correct order
   ========================================================================== */

/* -------------------------------------------------------------------------
   FONTS
   Using Google Fonts: Inter (body) and Plus Jakarta Sans (headings)
   ------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

/* -------------------------------------------------------------------------
   FOUNDATION
   Design tokens and base styles
   ------------------------------------------------------------------------- */
@import 'variables.css';
@import 'base.css';

/* -------------------------------------------------------------------------
   COMPONENTS
   Reusable UI elements
   ------------------------------------------------------------------------- */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/navigation.css';
@import 'components/modal.css';
@import 'components/badges.css';

/* -------------------------------------------------------------------------
   SECTIONS
   Page-specific layouts
   ------------------------------------------------------------------------- */
@import 'sections/hero.css';
@import 'sections/features.css';
@import 'sections/how-it-works.css';
@import 'sections/pricing.css';
@import 'sections/download.css';
@import 'sections/footer.css';