html{
  color-scheme:light;
  --ui-bg:#f6f7f4;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8faf8;
  --ui-line:#dde5dd;
  --ui-text:#17211b;
  --ui-muted:#536059;
  --ui-accent:#24563c;
  --ui-accent-2:#0f766e;
  --ui-shadow:0 8px 22px rgba(24,34,28,.06);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --ui-bg:#0d1117;
  --ui-surface:#151b23;
  --ui-surface-2:#111820;
  --ui-line:#26313d;
  --ui-text:#eef4f0;
  --ui-muted:#9aa8a0;
  --ui-accent:#58b87a;
  --ui-accent-2:#67d4c0;
  --ui-shadow:0 14px 36px rgba(0,0,0,.26);
}

body,
.layout section{
  background:var(--ui-bg) !important;
  color:var(--ui-text) !important;
}

header,
.panel,
.stats div,
table,
.login-box,
.modal-box{
  background:var(--ui-surface) !important;
  color:var(--ui-text) !important;
  border-color:var(--ui-line) !important;
  border-radius:8px !important;
  box-shadow:var(--ui-shadow) !important;
}

.layout nav{
  background:var(--ui-surface) !important;
  border-right:1px solid var(--ui-line) !important;
}

.layout nav a{
  color:var(--ui-muted) !important;
}

.layout nav a:hover{
  background:var(--ui-surface-2) !important;
  color:var(--ui-accent) !important;
}

.logo,
header a,
.stats strong{
  color:var(--ui-accent) !important;
}

input,
textarea,
select{
  background:var(--ui-surface-2) !important;
  color:var(--ui-text) !important;
  border:1px solid var(--ui-line) !important;
}

button{
  background:var(--ui-accent) !important;
  color:#ffffff !important;
  border-radius:8px !important;
}

th{
  background:var(--ui-surface-2) !important;
  color:var(--ui-muted) !important;
}

td,
th{
  border-bottom:1px solid var(--ui-line) !important;
  color:var(--ui-text) !important;
}

.muted,
.price-help{
  color:var(--ui-muted) !important;
}

.price-help{
  margin:4px 0 10px;
  font-size:13px;
}

.theme-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9998;
  width:54px;
  height:36px;
  padding:0 !important;
  border:1px solid var(--ui-line) !important;
  background:var(--ui-surface) !important;
  color:var(--ui-text) !important;
  box-shadow:var(--ui-shadow);
}