/*
Theme Name: Doaba Minimal
Author: Dev
Description: Ultra lightweight single page theme
Version: 1.0
*/

:root {
    --primary: #0000FF; /* Blue color */
    --secondary: #FFA500; /* Orange color */
    --text: #333;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    color: var(--text);
    line-height: 1.6;
}

/* Header */
.site-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 50px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.site-header nav ul {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
}
.site-header nav a {
    text-decoration: none;
    color: var(--text);
    font-weight: bold;
}

/* Sections General */
.section {
    padding: 60px 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.text-center { text-align: center; }
.subtitle { color: var(--secondary); font-weight: bold; }
h2 span { color: var(--primary); }

/* Split Layout (Text + Image) */
.split-layout {
    display: flex;
    gap: 40px;
    align-items: center;
}
.split-layout.reverse { flex-direction: row-reverse; }
.split-layout .content, .split-layout .image { flex: 1; }
.split-layout img { max-width: 100%; border-radius: 10px; }

/* Stats */
.bg-yellow { background: #FFC107; padding: 40px; display: flex; justify-content: space-around; color: #fff;}
.stat { text-align: center; max-width: 250px;}

/* Charts */
.charts { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }

/* Footer */
.site-footer { background: #0a0a2a; color: #fff; padding: 40px; text-align: center; }
.bg-light { background: #f9f9f9; }