:root {
  --paper: #f3f0e8;
  --panel: #faf8f2;
  --ink: #292825;
  --muted: #716e67;
  --line: #d7d2c8;
  --yellow: #cc785c;
  --green: #7a9b83;
  --coral: #d9896d;
  --blue: #7d8f99;
  --display: "Noto Serif SC", Georgia, "Times New Roman", serif;
  --sans: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --mono: Consolas, "Courier New", monospace;
}

.sidebar {
  background: #292825;
}

.dash-brand {
  font-family: var(--display);
}

.dash-brand b {
  background: transparent;
  color: #bbb6ab;
  border: 1px solid #55524c;
}

.dash-nav button {
  border-radius: 5px;
}

.dash-nav button.active {
  background: #cc785c;
  color: #fffaf3;
}

.account-button {
  border-radius: 6px;
  background: #34332f;
}

.avatar {
  background: #7a9b83;
  border-radius: 4px;
}

.page-head h1 {
  font-family: var(--display);
  font-weight: 600;
  font-size: 31px;
}

.button,
.icon-button,
.metric-card,
.panel,
.notice,
.table-tools label,
.search-box,
.model-filter button,
.model-card,
.filter-row,
.settings-layout,
dialog {
  border-radius: 6px;
}

.button.primary {
  background: #292825;
}

.metric-card {
  background: #faf8f2;
}

.balance-card {
  background: #cc785c;
  color: #fffaf3;
  border-color: #a96048;
}

.balance-card .metric-label,
.balance-card p {
  color: #fff1e8;
}

.trend.up {
  background: #dfeae1;
  color: #476a52;
}

.bar-chart {
  background: repeating-linear-gradient(to bottom, transparent 0, transparent 52px, #dfdbd2 53px);
}

.chart-day i {
  background: #cc785c;
  border-color: #a55d46;
  border-radius: 2px 2px 0 0;
}

.chart-day i.cost {
  background: #7a9b83;
  border-color: #5d7b65;
}

.donut {
  background: conic-gradient(#cc785c 0 48%, #7a9b83 48% 74%, #7d8f99 74% 91%, #d5a76d 91%);
}

.status-pill {
  background: #dfeae1;
  color: #476a52;
  border-radius: 3px;
}

.model-badge {
  color: #292825;
}

.notice {
  background: #eee4ce;
  border-color: #d1b98b;
}

.model-filter button.active,
.settings-layout > nav button.active,
.segmented button.active {
  background: #292825;
}

.balance-block {
  background: #363b36;
  border-radius: 6px;
}

.toast {
  background: #292825;
  border-radius: 5px;
}