:root {
  --cream: #17382e;
  --paper: #f4f2e9;
  --ink: #12251e;
  --muted: #7c8982;
  --line: rgba(229, 239, 231, .16);
  --coral: #b5d66f;
  --sage: #79a98a;
  --dark: #0d261e;
  --shadow: 0 18px 50px rgba(2, 17, 11, .22);
}

body {
  background: var(--cream);
}

.sidebar {
  background: #0c291f;
  border-color: rgba(255, 255, 255, .08);
}

.brand,
.nav-item.active,
.nav-item:hover {
  color: #eef5ef;
}

.brand-mark {
  background: var(--coral);
  color: #17382e;
}

.coral {
  background: #1f513e;
}

.nav-item {
  color: #8fa99d;
}

.nav-item.active,
.nav-item:hover {
  background: rgba(255, 255, 255, .09);
  box-shadow: none;
}

.mini-streak {
  background: rgba(255, 255, 255, .08);
  color: #edf5ef;
}

.sidebar-bottom > p,
.mini-streak small {
  color: #789287;
}

.topbar,
.view,
.hero-row h1,
.page-title h1,
.section-head h2,
.section-head p,
.hero-copy,
.page-title > p:last-child,
.date-pill {
  color: #edf4ef;
}

.eyebrow,
.text-btn {
  color: var(--coral);
}

.hero-row h1 em {
  color: #a9cdb3;
}

.progress-orbit {
  background: conic-gradient(var(--coral) 50%, rgba(255,255,255,.14) 0);
}

.progress-orbit:after {
  background: var(--cream);
}

.progress-orbit span {
  color: #9eb2a9;
}

.focus-card {
  background: #09231a;
  border: 1px solid rgba(255,255,255,.08);
}

.focus-icon,
.primary-btn {
  background: var(--coral);
  color: #143127;
}

.task-list {
  border-color: rgba(255,255,255,.13);
}

.task {
  color: #edf4ef;
  border-color: rgba(255,255,255,.13);
}

.task-account,
.task-time,
.task.done .task-title {
  color: #91a89e;
}

.stage {
  background: rgba(255,255,255,.1);
  color: #dce9e1;
}

.check {
  border-color: #829b90;
}

.insight-card.warm {
  background: #dbe7d6;
  color: var(--ink);
}

.quote-card,
.calendar-card,
.idea-card,
.account-card,
.content-card,
dialog {
  color: var(--ink);
}

.kanban-col {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: #e8f0eb;
}

.kanban-head span {
  background: rgba(255,255,255,.12);
}

.search-box {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.14);
  color: #eaf2ed;
}

.search-box input {
  color: #edf4ef;
}

.search-box input::placeholder {
  color: #8da398;
}

.icon-btn {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
  color: #e7f0ea;
}

.avatar {
  background: var(--coral);
  color: #143127;
}

.account-delete,
.idea-card button,
.text-btn {
  color: #759c51;
}

.delete-btn:hover,
.card-delete:hover {
  background: rgba(181,214,111,.16);
  color: var(--coral);
}

.account-delete:hover {
  background: rgba(31, 81, 62, .14);
  color: #1f513e;
}

@media (max-width: 900px) {
  .sidebar { box-shadow: 20px 0 50px rgba(0,0,0,.28); }
  .mobile-menu { color: #eef5ef; background: rgba(255,255,255,.08); }
}
