/* Base */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* Layout */
@import 'layout/containers.css';
@import 'layout/grid.css';
@import 'layout/sections.css';

/* Components */
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/gallery.css';

/* Themes */
@import 'themes/darkmode.css';

/* Utils */
@import 'utils/animations.css';
@import 'utils/helpers.css';
@import 'utils/responsive.css';

/* Global Styles */
body {
  background-color: var(--background-color);
  color: var(--text-color);
  transition: background-color var(--transition-duration),
    color var(--transition-duration);
}