/* assets/css/style.css */

/* Using Bootstrap's Reboot defaults, we only need minimal overrides. */
/* The black and white theme is primarily handled by Bootstrap's utility classes (e.g., .bg-dark, .text-white, .btn-dark) */

body {
    /* You can set a default font here if you want to override Bootstrap's default */
    /* For example: font-family: 'Montserrat', sans-serif; */
}

/* Card styles for a consistent height and clean look */
.card {
    border: 1px solid #dee2e6; /* A light border for the cards */
}

.card-title {
    font-weight: bold;
}

/* Ensure the footer stays at the bottom if content is short */
/* This requires changes in the body structure if needed, but for now, it's standard. */

/* You can add more custom black and white theme styles here if needed. */
/* For example, custom link styles or hover effects. */

.nav-link {
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #f8f9fa; /* A lighter shade for hover on nav links */
}

.btn-outline-dark:hover {
    color: #fff;
}