/* Importar tokens del sistema de diseño (Theme) */
@import '../../theme/colors.css?v=20260827_02';
@import '../../theme/typography.css?v=20260827_02';
@import '../../theme/spacing.css?v=20260827_02';
@import '../../theme/shadows.css?v=20260827_02';
@import '../../theme/animations.css?v=20260827_02';

/* Importar estilos específicos de cada componente registrado */
@import '../../components/Hero/styles.css?v=20260827_02';
@import '../../components/Intro/styles.css?v=20260827_02';
@import '../../components/Countdown/styles.css?v=20260827_02';
@import '../../components/Parents/styles.css?v=20260827_02';
@import '../../components/Sponsors/styles.css?v=20260827_02';
@import '../../components/Entertainment/styles.css?v=20260827_02';
@import '../../components/Gallery/styles.css?v=20260827_02';
@import '../../components/Video/styles.css?v=20260827_02';
@import '../../components/Event/styles.css?v=20260827_02';
@import '../../components/RSVP/styles.css?v=20260827_02';
@import '../../components/Footer/styles.css?v=20260827_02';

/* Resets y reglas globales */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-ivory);
  color: var(--color-dark);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--font-serif);
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}