/* Page background and navigation only. Layout and content stay the same. */

body {
  background-color: #12100e;
  color: #f4efe7;
}

.bg-background-50 {
  background-color: #171512;
}

.bg-background-100 {
  background-color: #211e1a;
}

.bg-background-200 {
  background-color: #2c2823;
}

.bg-background-200\/60 {
  background-color: rgba(58, 52, 44, 0.65);
}

.bg-background-300 {
  background-color: #4a433b;
}

.bg-white {
  background-color: #241f1b;
}

.hover\:bg-background-100:hover {
  background-color: #2a2621;
}

.hover\:bg-background-200:hover {
  background-color: #38332c;
}

.hover\:bg-background-400:hover {
  background-color: #6d6458;
}

.border-background-100 {
  border-color: #2e2a25;
}

.border-background-200,
.border-background-200\/40,
.border-background-200\/50,
.border-background-200\/60,
.border-background-200\/70 {
  border-color: rgba(92, 82, 68, 0.75);
}

.text-foreground-950 {
  color: #f7f2ea;
}

.text-foreground-900 {
  color: #efe7db;
}

.text-foreground-800 {
  color: #e5dcd0;
}

.text-foreground-700 {
  color: #d6ccbf;
}

.text-foreground-600 {
  color: #c4b8a8;
}

.text-foreground-500 {
  color: #b1a394;
}

.text-foreground-400 {
  color: #9d9082;
}

.text-foreground-300 {
  color: #8b7f72;
}

.hover\:text-foreground-600:hover {
  color: #efe7db;
}

.placeholder\:text-foreground-400::placeholder {
  color: #9d9082;
}

/* Photo controls stay light, with a dark icon. */
.bg-background-50\/90 {
  background-color: rgba(255, 250, 244, 0.92);
  color: #1c1916;
}

/* Light hover chips need dark text. */
.hover\:bg-primary-50:hover,
.hover\:bg-primary-50\/50:hover,
.hover\:bg-primary-50\/70:hover {
  color: #134e48;
}

header.fixed {
  background-color: #1a1714;
  box-shadow: inset 0 -1px 0 rgba(243, 232, 214, 0.1);
}