:root {
  color: #282530;
  --accent: #603cac;
  --border: #e1dee8;
  --muted: #625e6b;
  --hold: #b33143;
  --review: #965412;
  --clear: #147568;
}

.brand img,
.landing-brand img { display: block; width: 35px; height: 28px; flex: none; }
.sidebar { background: #f8f7fa; }
.sidebar a.active { background: #eee9f8; color: #4d2e91; }
.sidebar nav a:hover,
.sidebar-bottom > a:hover { background: #f0edf6; }
.version { background: #f4f1fa; color: #58447d; }
.breadcrumb span:last-child,
.empty h3 { color: #282530; }
button { color: #302b39; border-color: #dcd8e5; }
button:hover { background: #f6f3fa; }
button.primary { background: var(--accent); border-color: var(--accent); }
button.primary:hover { background: #4d2d91; }
input,
select,
textarea { color: #302b39; border-color: #d8d3e1; }
.search { border-color: #d8d3e1; }
.sample-banner { background: #fff7f0; border-left-color: #d77549; color: #754524; }
.sample-banner svg { color: #bf653c; }
th { background: #f7f6fa; color: #595466; }
tbody tr.selectable:hover { background: #faf8fd; }
.entity-icon { color: var(--accent); background: #f1ecfa; border-color: #ded4f0; }
.status.hold { color: var(--hold); }
.status.review { color: var(--review); }
.status.clear,
.task-state.done { color: var(--clear); }
.equation { background: #f7f6fa; }
blockquote { background: #f8f6fb; border-left-color: #a38bd1; }
.graph-node.agent,
.review-check { background: #f3eefb; border-color: #d9cceb; }
.notice { background: #fff8ee; border-color: #efddc0; color: #795014; }
.stale { color: var(--review); }
.check-result { color: var(--accent); }
.suggestion.rejected { background: #f9f8fa; }
.dialog-foot { background: #faf9fc; }
dialog { color: #282530; border-color: #dcd7e6; }
dialog::backdrop { background: #20192d80; }
#toast { background: #30273f; }

.landing-hero { background: #231a34; }
.landing-hero::before { background: rgba(25, 18, 41, .91); }
.landing-header nav button { color: #e8e1f2; }
.hero-description { color: #e7e0ee; }
.hero-primary { background: #f0eafa; color: #3e276b; }
.hero-primary:hover { background: #fff; }
.hero-foot { color: #d9d1e5; }
.hero-foot span { background: #baaacd; }
.landing-section-head h2,
.process-grid h3 { color: #292331; }
.landing-section-head p,
.process-grid p { color: #615b69; }
.process-grid,
.process-grid article + article,
.process-grid article { border-color: #dfdbe5; }
.process-number { color: #716a7c; }
.process-grid article svg { color: var(--accent); }
.landing-product { background: #f7f6fa; }
.product-image picture { border-color: #dcd7e5; }
.product-image figcaption { color: #6d6675; }
.product-image figcaption a,
.landing-footer a { color: #59379f; }
.landing-boundary { background: #27222f; }
.landing-boundary p { color: #e0dce5; }
.boundary-action a { color: #f4b89c; border-color: #d89c80; }
.boundary-action p { color: #c7bfce; }
.landing-footer { color: #696270; }
.landing-footer span:first-child { color: #292331; }
.landing-footer-brand { display: inline-flex; align-items: center; gap: 8px; }
.landing-footer-brand img { display: block; width: 25px; height: 20px; }

@media (max-width: 850px) {
  .brand img { width: 30px; height: 24px; }
}
@media (max-width: 650px) {
  .landing-brand img { width: 31.25px; height: 25px; }
}