:root {
  --darkrm-accent: #b6864c;
  --darkrm-accent-hover: #9b713f;
  --darkrm-page-gradient: radial-gradient(circle at 80% 5%, rgba(182, 134, 76, 0.16), transparent 30%);
}

[data-bs-theme="light"] {
  --darkrm-background: #f8f7f4;
  --darkrm-surface: #ffffff;
  --darkrm-text: #1d1d1b;
  --darkrm-muted: #6c6a65;
  --darkrm-border: #ddd9d0;
}

[data-bs-theme="dark"] {
  --darkrm-background: #141413;
  --darkrm-surface: #20201e;
  --darkrm-text: #f5f3ed;
  --darkrm-muted: #b9b5ad;
  --darkrm-border: #413f3a;
}

body {
  background: var(--darkrm-page-gradient), var(--darkrm-background);
  color: var(--darkrm-text);
}

.darkrm-surface {
  background-color: var(--darkrm-surface);
  border-color: var(--darkrm-border) !important;
}

.text-darkrm-muted {
  color: var(--darkrm-muted) !important;
}

.btn-darkrm-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--darkrm-accent);
  --bs-btn-border-color: var(--darkrm-accent);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--darkrm-accent-hover);
  --bs-btn-hover-border-color: var(--darkrm-accent-hover);
}

.theme-control .dropdown-menu {
  min-width: 10rem;
}