/* =======================================================
   Orientation Express - Main Stylesheet
   Centrale stylesheet voor Bootstrap en componenten
======================================================= */

/* Bootstrap Import (CDN of lokaal indien nodig) */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");

@import url("base/variables.css");


/* Base Styles */
@import url("base/reset.css");
@import url("base/typography.css");

/* Layout */
@import url("layouts/grid.css");
@import url("layouts/containers.css");

/* Componenten */
@import url("components/buttons.css");
@import url("components/forms.css");
@import url("components/cards.css");
@import url("components/alerts.css");

/* Pagina's */
@import url("pages/login.css");
@import url("pages/register.css");
@import url("pages/dashboard.css");
@import url("pages/trains.css");

/* Thema's */
@import url("themes/art_deco.css");
@import url("themes/dark_mode.css");

/* Algemene Body Styling */
body {
    font-family: var(--font-primary);
    background-color: var(--neutral-light);
    color: var(--neutral-dark);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Bootstrap overrides */
.btn-primary {
    background-color: var(--accent-gold);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: var(--highlight-orange);
    border-color: var(--highlight-orange);
}

/* Standaard container instellingen */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Algemene secties */
.section {
    padding: 50px 0;
    border-bottom: 2px solid var(--primary-color);
}