:root,
[data-theme="light"] {
  --thewell-primary: #237b46;
  --thewell-text: #2d3b31;
  --thewell-light: #e6eee1;
  --thewell-dark: #1f4b32;
  --thewell-background: #fafbf4;
  --primary: var(--thewell-primary);
  --primary-color: var(--thewell-primary);
}

body {
  color: var(--thewell-text);
}

.navbar {
  border-top: 3px solid var(--thewell-primary);
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--thewell-primary);
  border-color: var(--thewell-primary);
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background-color: var(--thewell-dark);
  border-color: var(--thewell-dark);
}

.standard-sidebar-item.selected,
.desk-sidebar-item.selected {
  background-color: var(--thewell-light);
  color: var(--thewell-dark);
}

.page-head .page-title .title-text,
.widget .widget-head .widget-title {
  color: var(--thewell-text);
}

.layout-main-section,
.page-container {
  --thewell-surface: var(--thewell-background);
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--thewell-primary);
  outline-offset: 2px;
}