/* ==========================
   Imports centralizados
   ========================== */

/* Reset e variáveis globais */
@import url("reset.css");
@import url("variables.css");

/* Layout principal */
@import url("responsive.css");
@import url("header.css");
@import url("../components/layout/footer/footer.css");

/* Componentes */
@import url("../components/buttons/buttonGlowBounce.css");
@import url("sections/sections.css");
@import url("../components/showcase/showcaseGallery.css");
@import url("sections/homeSection.css");
@import url("sections/aboutSection.css");
@import url("sections/contactSection.css");
@import url("sections/moreOptionsSection.css");
@import url("sections/techStackSection.css");
@import url("../components/repositories/repositoriesSection.css");
@import url("sections/certificationsSection.css");
@import url("sections/experienceSection.css");
@import url("sections/resumeSection.css");
@import url("sections/projectsSection.css");

/* ==========================
   Estilos globais
   ========================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    min-width: 320px;
    font-family: var(--font-main);
    background-color: var(--color-bg);
    color: var(--color-text);
    overflow-x: hidden;
    transition: background-color 0.3s, color 0.3s;
}

body.dark {
    background-color: var(--color-bg-dark);
    color: var(--color-text-dark);
}

a {
    color: var(--color-link);
    text-decoration: none;
}

body.dark a {
    color: var(--color-link-dark);
}

img,
svg,
video,
canvas {
    max-width: 100%;
}