/* Import base styles */
@import 'base/_variables.css';
@import 'base/_reset.css';
@import 'utilities/_helpers.css';
@import 'components/_buttons.css';
@import 'layouts/_header.css';
@import 'layouts/_hero.css';
@import 'layouts/_about.css';
@import 'layouts/_experience.css';
@import 'layouts/_skills.css';
@import 'layouts/_portfolio.css';
@import 'layouts/_contact.css';
@import 'layouts/_footer.css';
@import 'components/_background-effects.css';

/* Base styles */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--background-dark);
    color: var(--text-light);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow-x: hidden;
}