/* Main Stylesheet - Import all modules */

/* 1. Reset & Variables */
@import './reset.css';
@import './variables.css';

/* 2. Typography */
@import './typography.css';

/* 3. Layout */
@import './layout.css';

/* 4. Components */
@import './components.css';

/* 5. Animations */
@import './animations.css';

/* Base Styles */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-white);
  overflow-x: hidden;
}

/* Selection */
::selection {
  background-color: var(--color-gold);
  color: var(--color-dark-deep);
}

/* Focus Styles */
*:focus-visible {
  outline: 2px solid var(--color-gold);
  outline-offset: 2px;
}

/* Smooth Scrolling */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Print Styles */
@media print {
  body {
    background: white;
  }

  .no-print,
  header,
  footer,
  .whatsapp-float {
    display: none !important;
  }
}