:root {
  --ts-light-bg: #c8b7a3;
  --ts-light-tx: #3E4428;
  --ts-dark-bg: #44283e;
  --ts-dark-tx: #a6a3c8;


  --bs-body-color: #3E4428;
  --bs-body-bg: #c8b7a3;
  --bs-light: #c8b7a3;
  --bs-dark: #44283e;
  --bs-light-rgb: 200, 183, 163;
  --bs-dark-rgb: 68, 40, 62;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
header {
  border-color: #3E4428;
}
.fs-60 {
  font-size: 20px;
}
.ts-tx-light {
  color: var(--ts-light-tx) !important
}
.ts-tx-dark {
  color: var(--ts-dark-tx) !important
}
.ts-light-invet {
  background-color: var(--ts-light-tx);
  color: var(--ts-light-bg) !important;
}
.ts-dark-invet {
  background-color: var(--ts-dark-tx);
  color: var(--ts-dark-bg) !important;
}

.ts-light-bord {
 border-color: var(--ts-light-tx);
 background-color: #b6a694;
 /* border-width: thin;
 border-style: solid; */
}

.footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}