/* BASE */
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');

/* COMPONENTS */
@import url('./components/header.css');
@import url('./components/footer.css');

/* PAGES */
@import url('./pages/home.css');
@import url('./pages/services.css');
@import url('./pages/contact.css');

/* GLOBAL LAYOUT */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Inter, sans-serif;
    background: var(--bg);
    color: var(--text);
}

.container {
    width: min(1200px, 90%);
    margin: 0 auto;
}

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

a {
    text-decoration: none;
}