/**
 * SSRN Main Stylesheet
 * Imports all modular CSS files for clean separation of concerns
 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ============================================
   FOUNDATION
   ============================================ */
/* Design Tokens - CSS Variables (Colors, Typography, Spacing, etc.) */
@import url('./css/tokens.css');

/* ============================================
   COMPONENTS
   ============================================ */
/* Button Components */
@import url('./css/components/buttons.css');

/* Menu Components */
@import url('./css/components/menu.css');

/* Navigation Components */
@import url('./css/components/navigation.css');

/* Cards and Modals Components */
@import url('./css/components/cards-and-modals.css');

/* Input Components */
@import url('./css/components/input.css');

/* Checkbox Components */
@import url('./css/components/checkbox.css');

/* Radio Button Components */
@import url('./css/components/radio.css');

/* Switch/Toggle Components */
@import url('./css/components/switch.css');

/* Duration Picker Components */
@import url('./css/components/duration-picker.css');

/* Autocomplete Components */
@import url('./css/components/autocomplete.css');

/* Search Bar Components */
@import url('./css/components/searchbar.css');

/* Tabs Components */
@import url('./css/components/tabs.css');

/* Button Group Components */
@import url('./css/components/button-group.css');

/* Pagination Components */
@import url('./css/components/pagination.css');

/* Carousel Components */
@import url('./css/components/carousel.css');

/* Anchor/Inpage Navigation Components */
@import url('./css/components/anchor-navigation.css');

/* Link Components */
@import url('./css/components/link.css');

/* Breadcrumbs Components */
@import url('./css/components/breadcrumbs.css');

/* Table Components */
@import url('./css/components/table.css');

/* Avatar Components */
@import url('./css/components/avatar.css');

/* Tags Components */
@import url('./css/components/tags.css');

/* Anonymous Navigation Components */
@import url('./css/components/anonymous-nav.css');

/* Authenticated Navigation Components */
@import url('./css/components/authenticated-nav.css');

/* Page Loader Components */
@import url('./css/components/page-loader.css');

/* Signup Email Loader Components */
@import url('./css/components/signup-loader.css');

/* Booking Form Landing Components */
@import url('./css/components/booking-form-landing.css');

/* Share Dialog Components */
@import url('./css/components/share-dialog.css');

/* Site Footer Components */
@import url('./css/components/site-footer.css');

/* Badge Components */
@import url('./css/components/badge.css');

/* Snackbar Components */
@import url('./css/components/snackbar.css');

/* List Components */
@import url('./css/components/list.css');

/* Progressbar Components */
@import url('./css/components/progressbar.css');

/* Placeholder/Skeleton Components */
@import url('./css/components/placeholder.css');

/* Slot Components */
@import url('./css/components/slot.css');

/* ============================================
   AUTH & FORMS
   ============================================ */
/* Auth Form Card Component */
@import url('./css/components/auth-form.css');

/* Password Input Component */
@import url('./css/components/password-input.css');

/* OTP Input Component */
@import url('./css/components/otp-input.css');

/* ============================================
   LAYOUT
   ============================================ */
/* Footer Components */
@import url('./css/components/footer.css');

/* Sidebar Components */
@import url('./css/components/sidebar.css');

/* Bottom CTA Bar */
@import url('./css/components/bottom-cta-bar.css');

/* ============================================
   BOOKING & SERVICE
   ============================================ */
/* Booking Form Components */
@import url('./css/components/booking-form.css');

/* Booking Card Components */
@import url('./css/components/booking-card.css');

/* Booking Progress Components */
@import url('./css/components/booking-progress.css');

/* Service Class Card Components */
@import url('./css/components/service-class-card.css');

/* Service Selection Components */
@import url('./css/components/service-selection.css');

/* Service Details Overlay */
@import url('./css/components/service-details-overlay.css');

/* Child/Booster Seat Switch */
@import url('./css/components/child-seat-switch.css');

/* Guest Menu Item */
@import url('./css/components/guest-menu-item.css');

/* Promo Code */
@import url('./css/components/promo-code.css');

/* Booking Guest Details */
@import url('./css/components/booking-guest.css');

/* Guest Details Confirmation */
@import url('./css/components/guest-details-confirm.css');

/* Additional Information Confirmation */
@import url('./css/components/additional-info-confirm.css');

/* Guest Details + Additional Info Combined */
@import url('./css/components/guest-info-combined.css');

/* ============================================
   ACCOUNT MANAGEMENT
   ============================================ */
/* Personal Information Edit */
@import url('./css/components/personal-info-edit.css');

/* Mobile Number Edit */
@import url('./css/components/mobile-number-edit.css');

/* Password Edit */
@import url('./css/components/password-edit.css');

/* Notification Preference Edit */
@import url('./css/components/notification-pref-edit.css');

/* ============================================
   MISC
   ============================================ */
/* Map Components */
@import url('./css/components/map.css');

/* Disclaimers */
@import url('./css/components/disclaimers.css');

/* Error Page */
@import url('./css/components/error-page.css');

/* Screen Loader */
@import url('./css/components/screen-loader.css');

/* Tree Components */
@import url('./css/components/tree.css');

/* ============================================
   PAGE LAYOUTS
   ============================================ */
/* Auth Page Layout */
@import url('./css/pages/auth.css');

/* ============================================
   GLOBAL BASE STYLES
   ============================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-family-body); /* Inter — default for all text */
}

body {
  font-family: var(--font-family-body); /* Inter */
  font-size: var(--body-md-size);       /* 16px */
  font-weight: 400;
  line-height: var(--body-md-line-height); /* 24px */
  color: var(--text-primary);
  margin: 0;
  padding: 0;
}

/* Headings: Manrope globally */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading); /* Manrope */
  margin: 0;
}