p.text-muted a {
  color: inherit;
  pointer-events: none;
  text-decoration: none;
}

.card:has(form[action$="/settings/cloud"]) {
  display: none;
}

.nav {
  --menu: color-mix(in srgb, var(--brown) 85%, var(--cream));
}

.nav .nav-link {
  color: var(--menu);
}

.nav .nav-link.active {
  border-bottom-color: var(--menu);
  color: var(--menu);
}

.nav .nav-item.ms-auto {
  font-size: 0;
}

.nav .nav-item.ms-auto a {
  display: none;
}

.nav .nav-item.ms-auto::after {
  content: var(--flipper-version);
  font-size: var(--font-size--100);
}

.btn-primary {
  --bs-btn-bg: var(--brown);
  --bs-btn-border-color: var(--brown);
  --bs-btn-color: var(--cream);
  --bs-btn-hover-bg: color-mix(in srgb, var(--brown) 85%, var(--cream));
  --bs-btn-hover-border-color: color-mix(in srgb, var(--brown) 85%, var(--cream));
  --bs-btn-hover-color: var(--cream);
  --bs-btn-active-bg: var(--brown);
  --bs-btn-active-border-color: var(--brown);
  --bs-btn-active-color: var(--cream);
  --bs-btn-focus-shadow-rgb: 66, 51, 35;
}

body {
  background: var(--cream);
  color: var(--brown);
  font-family: var(--font-family--body);
  font-size: var(--font-size--200);
}