/**
 * Author: Maike Gritte
 * Date: 2025-12-08
 */

/* public/theme.css - make it pretty */

/* base colors*/
:root {
  --beige: #e2dcd8;
  --gray: #b4b1ae;
  --brown: #574e3e;
  --light-purple: #cecce8;
  --dark-purple: #544a74;
}

body {
  background-color: #ffffff !important;
  color: var(--brown) !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
label,
li,
td,
th {
  color: inherit !important;
}

/*links*/
a {
  color: var(--dark-purple) !important;
  text-decoration: none !important;
}

/* Hover state - darker purple or brown */
a:hover {
  color: var(--brown) !important;
  text-decoration: underline !important;
}

/* override */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-primary: var(--brown) !important;
  --bs-secondary: var(--dark-purple) !important;
  --bs-body-bg: #ffffff !important;
  --bs-body-color: var(--brown) !important;
}

/*navbar*/
.navbar.bg-primary {
  background-color: var(--beige) !important;
  color: var(--brown) !important;
}
.navbar a {
  color: var(--brown) !important;
}
.navbar a:hover {
  color: var(--dark-purple) !important;
}

/* buttons */
/*buttons brown (do we even have brown buttons?)*/
.btn-primary {
  background-color: var(--brown) !important;
  border-color: var(--brown) !important;
  color: var(--beige) !important;
}
.btn-primary:hover {
  background-color: #4a4234 !important;
  border-color: #4a4234 !important;
}

/*buttons purple*/
.btn-secondary {
  background-color: var(--light-purple) !important;
  border-color: var(--dark-purple) !important;
  color: var(--dark-purple) !important;
}
.btn-secondary:hover {
  background-color: var(--dark-purple) !important;
  border-color: var(--dark-purple) !important;
  color: var(--light-purple) !important;
}

/* footer*/
footer {
  background-color: var(--gray) !important;
  color: var(--brown) !important;
}
footer a {
  color: var(--brown) !important;
}
footer a:hover {
  color: var(--dark-purple) !important;
}