@import url('css/common/header.css');
@import url('css/common/social_sidebar.css');
@import url('css/common/footer.css');

@import url('css/Home/hero.css');
@import url('css/Home/ubication.css');
@import url('css/Home/about.css');
@import url('css/Home/fields.css');

@import url('css/Cursos/cursos.css');

@import url('css/Services/technology.css');

@import url('css/Common/header-mobile.css');
@import url('css/common/social-sidebar-mobile.css');

@import url('css/Home/about-mobile.css');
@import url('css/Home/hero-mobile.css');
@import url('css/Home/fields-mobile.css');
@import url('css/Home/ubication-mobile.css');
@import url('css/Services/tecnology-mobile.css');

:root {
    --body-bg: #ffffff;
    --card-bg: #ffffff;
    --card-hover-bg: #f1f5f9;
    --text-main: #1e293b;
    --text-muted: #1e293b;
    --border-color: #e2e8f0;
    --primary: #0099db;
    --primary-dark: #7a2824;
}

[data-theme="dark"] {
    --body-bg: #0b0f19;
    --card-bg: #111827;
    --card-hover-bg: #1f2937;
    --text-main: #f3f4f6;
    --text-muted: #9ca3af;
    --border-color: #374151;
    --primary: #38bdf8;
    --primary-dark: #f87171;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

body {
    background-color: var(--body-bg, #ffffff);
    color: var(--text-main, #1e293b);
    overflow-x: hidden;
}