/* Your custom styles go here */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa; /* Light grey background */
}

/* Example of overriding a Bootstrap style or adding new ones */
.container {
    padding-left: 15px;
    padding-right: 15px;
}

/* For mobile first design, you can add styles here that apply generally,
   and then use media queries in this file for larger screens if needed. */
   .bg-primary {
	   background-color: #556f9f
   }
   
  .btn-brand {
  background-color: #55bf9f;
  border-color: #55bf9f;
  color: #fff; /* Sets text color to white */
}

/* Darker shade for when the user hovers over the button */
.btn-brand:hover {
  background-color: #48a68a;
  border-color: #48a68a;
  color: #fff;
}

/* --- ADD THIS NEW STYLE --- */
.btn-admin {
  background-color: #f0ad4e; /* A gold/orange color */
  border-color: #f0ad4e;
  color: #fff;
}

.btn-admin:hover {
  background-color: #ec971f; /* A darker gold for hover */
  border-color: #ec971f;
  color: #fff;
}