/* css/style.css */
:root {
    --dark-cream: #F5EADD;
    --light-cream: #FAF9F6;
    --text-color: #333;
  }
  .header-main { background-color: var(--dark-cream); }
  .header-main .navbar-brand { font-weight: bold; color: var(--text-color); font-size: 1.5rem; }
  .header-main .nav-link { color: var(--text-color); }
  .header-main .nav-link:hover { color: #000; font-weight: bold; }
  body { background-color: var(--light-cream); color: var(--text-color); }
  .footer-main { background-color: #343a40; color: white; }
  body { 
    background-color: var(--light-cream); 
    color: var(--text-color); 
    
    display: flex;           
    flex-direction: column; 
    min-height: 100vh;      
}


main {
    flex: 1;                 
}

.footer-main { 
    background-color: #343a40; 
    color: white; 
   
}