/* Main CSS file for Badhan & Company - imports all modular CSS files */

/* Import utility styles - variables come first */
@import 'utilities/variables.css';
@import 'utilities/dark-mode.css';
@import 'utilities/back-to-top.css';
@import 'utilities/whatsapp-button.css';

/* Import component styles */
@import 'components/header.css';
@import 'components/navigation.css';
@import 'components/footer.css';

/* Import page-specific styles */
@import 'pages/home.css';
/* Add other page imports as needed:
@import 'pages/services.css';
@import 'pages/about.css';
@import 'pages/contact.css';
*/

/* Global styles that apply to all pages */
body {
    font-family: 'Noto Serif Bengali', serif;
    color: var(--body-color);
    background-color: var(--body-bg);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* General card styles */
.card {
    background-color: var(--card-bg);
    border-color: var(--card-border);
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Button styles */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Common spacing and typography */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
    font-weight: 600;
}

section {
    margin-bottom: 3rem;
}

/* Add any other global styles here */