/* I didn't like any bootstrap color themes so i asked ai to make me one and this is so useful for css */
/* Base page */
body {
  background-color: #FAF7F5;
  color: #2B2B2B;
}

/* Navbar */
.navbar {
  background-color: #5D1725;
}

/* Buttons */
.btn-primary {
  background-color: #5D1725;
  border-color: #5D1725;
  color: white;
}

.btn-primary:hover {
  background-color: #4A1220;
  border-color: #4A1220;
}

/* Section titles */
.section-title {
  color: #5D1725;
  border-bottom: 2px solid #C9A24D;
  padding-bottom: 6px;
}

/* Cards / form areas */
.card {
  background-color: #E6E1DE;
}

.form-control,
.form-select {
  background-color: #E6E1DE;
  color: #2B2B2B;
}


/* Muted text */
.text-muted {
  color: #6F6A67;
}

/* Links */
a {
  color: #1F2A44;
}

a:hover {
  color: #5D1725;
}
.table-primary {
  background-color: #5D1725;
  color: #ffffff;
}

.table-primary th,
.table-primary td {
  background-color: #5D1725;
  color: #ffffff;
  border-color: #7A2A36;
}

/* ===== Cards ===== */
.card-primary {
  background-color: #5D1725;
  color: #ffffff;
  border: 1px solid #7A2A36;
}

.card-primary .card-header {
  background-color: #4A1220;
  color: #ffffff;
  border-bottom: 1px solid #7A2A36;
}

.card-primary .card-body {
  background-color: #5D1725;
  color: #ffffff;
}

/* ===== Alerts ===== */
.alert-primary {
  background-color: #F1E6E8;
  color: #5D1725;
  border: 1px solid #5D1725;
}

/* ===== Badges ===== */
.badge-primary {
  background-color: #5D1725;
  color: #ffffff;
}

/* ===== Buttons ===== */
.btn-primary {
  background-color: #5D1725;
  border-color: #5D1725;
  color: #ffffff;
}

.btn-primary:hover {
  background-color: #4A1220;
  border-color: #4A1220;
}

/* ===== List groups ===== */
.list-group-item-primary {
  background-color: #F1E6E8;
  color: #5D1725;
}

/* ===== Text ===== */
.text-primary {
  color: #5D1725;
}

/* ===== Borders ===== */
.border-red {
  border-color:#5D1725;
}
/* ==============================
   NAVBAR
============================== */

.navbar {
  background-color: #5D1725;
}

.navbar .nav-link {
  color: white;
}

.navbar .nav-link:hover {
  color: #C9A24D;
}


/* ==============================
   TABLE HEADERS
============================== */

/* table-dark -> honors red */
.table-dark {
  background-color: #5D1725;
  color: white;
}

.table-dark th {
  background-color: #5D1725;
  color: white;
}

/* table-info -> soft gold/cream */
.table-info {
  background-color: #F1E6E8;
  color: #5D1725;
}

.table-info th {
  background-color: #F1E6E8;
  color: #5D1725;
}


/* ==============================
   TABLE EFFECTS
============================== */

.table-hover tbody tr:hover {
  background-color: #F1E6E8;
}


/* ==============================
   BORDERS
============================== */

.border-primary {
  border-color: #5D1725;
}
/* Fix placeholder visibility */

.form-control::placeholder {
  color: #6F6A67;
  opacity: 1; /* Firefox */
}

.form-select::placeholder {
  color: #6F6A67;
}

/* For older browsers */
.form-control::-webkit-input-placeholder {
  color: #6F6A67;
}

.form-control:-ms-input-placeholder {
  color: #6F6A67;
}
.text-title {
  color: #5D1725;
}
body{
    padding-top:100px;
}
.expand{
    font-weight:bold;
    color:#C9A24D;;
}
h1,h2,h3,h4,h5,h8{
    color:#5D1725;
}