/* Base */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* Layout */
@import 'layout/header.css';
@import 'layout/footer.css';

/* Components */
@import 'components/buttons.css';

/* Custom Page Styles */
@import 'custom.css';


/* Global Layout & Sticky Footer */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
    margin: 2rem;
}

footer {
    text-align: center;
    margin-top: auto;
    padding: 1rem 0;
}

:root {
    --bs-primary: #28a745;
    --bs-primary-hover: #218838;
    --bs-primary-active: #1e7e34;
    --bs-primary-focus: #28a745;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-success-hover: #218838;
    --bs-success-active: #1e7e34;
    --bs-success-focus: #28a745;
}

a {
    text-decoration: none;
}

/* Ensure dropdowns work nicely on hover or click */
.dropdown-item:active {
    background-color: var(--bs-primary);
}