/******************************
 * base.css
 * Global styling for navbar, body, etc.
 ******************************/

/* Basic resets or body styling */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Navbar styling (if using Bootstrap classes, keep them. 
   If you want custom, you can override .navbar, etc. */
.navbar {
    background-color: #f8f9fa; /* light grey background */
    border-bottom: 1px solid #dee2e6;
}

/* Link styling in the navbar */
.nav-link {
    color: #007bff; /* bootstrap-like */
}
.nav-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Example: Force the user greeting to the right */
.navbar-text {
    margin-right: 1rem;
    font-weight: 500;
}

/* Container spacing if desired. 
   Already have .container from bootstrap, but you can add more. */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Add other global classes as needed */