:root {
  --tm-bg-image: linear-gradient(135deg, #1f2328 0%, #3a3f44 45%, #6b6f72 100%);
  --tm-bg-color: #1f2328;
  --tm-panel-bg: rgba(245, 242, 236, 0.94);
  --tm-panel-border: rgba(0, 0, 0, 0.18);
  --tm-text: #2d2b28;
  --tm-muted: #5b5854;
  --tm-accent: #d17a22;
  --tm-accent-soft: #f3d7b2;
  --tm-nav-text: #2d2b28;
  --tm-nav-hover: rgba(209, 122, 34, 0.12);
  --tm-button-bg: #efe4d7;
  --tm-button-border: #b7a58d;
  --tm-button-text: #2d2b28;
  --tm-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

body {
  background-image: var(--tm-bg-image);
  background-color: var(--tm-bg-color);
  color: var(--tm-text);
}

.tm-bg-white,
.tm-bg-light {
  background-color: var(--tm-panel-bg);
  border: 1px solid var(--tm-panel-border);
  box-shadow: var(--tm-shadow);
}

.tm-block-title {
  color: var(--tm-text);
  letter-spacing: 0.02em;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--tm-nav-text);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show {
  background-color: var(--tm-nav-hover);
}

.dropdown-menu {
  background-color: var(--tm-panel-bg);
  border-color: var(--tm-panel-border);
}

.dropdown-item {
  color: var(--tm-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--tm-nav-hover);
  color: var(--tm-text);
}

.tm-toggle-btn {
  background: var(--tm-button-bg);
  border-color: var(--tm-button-border);
  color: var(--tm-button-text);
}

.tm-toggle-btn.is-enabled {
  background: var(--tm-accent-soft);
  border-color: var(--tm-accent);
  color: #2d2b28;
}