/*
Theme Name: Bitease Blog
Description: Een moderne nieuws blog theme voor bitease.io gebaseerd op de huisstijl
Version: 1.0
Author: Bitease Development Team
*/

/* Import alle component CSS bestanden */
@import url('css/base/reset.css');
@import url('css/base/typography.css');
@import url('css/base/colors.css');
@import url('css/components/header.css');
@import url('css/components/navigation.css');
@import url('css/components/cards.css');
@import url('css/components/buttons.css');
@import url('css/components/forms.css');
@import url('css/components/sidebar.css');
@import url('css/components/categories.css');
@import url('css/components/footer.css');
@import url('css/layouts/grid.css');
@import url('css/pages/homepage.css');
@import url('css/pages/single.css');
@import url('css/pages/archive.css');

/* Basis layout */
body {
    background-color: #061926;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

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

/* Main content area */
.main-content {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    margin-top: 40px;
}

@media (max-width: 768px) {
    .main-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Utility classes */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 3rem; }

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }
.mt-5 { margin-top: 3rem; }

.d-flex { display: flex; }
.d-block { display: block; }
.d-none { display: none; }

.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.align-items-center { align-items: center; }

.w-100 { width: 100%; }
.h-100 { height: 100%; }