:root {
  --navy: #0b1f3a;
  --navy-2: #132c4f;
  --orange: #2f67d8;
  --orange-soft: #ebf1fc;
  --ink: #172033;
  --muted: #667085;
  --line: #e2e7ef;
  --bg: #f5f7fa;
  --green: #168a68;
  --green-soft: #e8f6f1;
  --blue: #3b6fcf;
  --blue-soft: #eaf0fb;
  --yellow: #b7791f;
  --yellow-soft: #fff6df;
  --red: #c64f4f;
  --shadow: 0 14px 38px rgba(15, 35, 65, .09);
}

body { background: #f5f7fa; }
.sidebar { background: #0b1f3a; }
.brand-mark {
  background: #e97832;
  box-shadow: 0 8px 22px rgba(233, 120, 50, .24);
}
.brand small { color: #9eacc1; }
.nav-item { color: #b8c3d4; }
.nav-item:hover { background: rgba(255, 255, 255, .065); }
.nav-item.active {
  background: rgba(62, 111, 207, .22);
  box-shadow: inset 3px 0 0 #5d8de4;
}
.nav-item.active .nav-icon { color: #82a8ee; }
.sidebar-note { background: rgba(255, 255, 255, .055); }

.topbar { box-shadow: 0 1px 0 rgba(16, 33, 63, .03); }
.page-heading p,
.eyebrow { color: #d96f31; }
.button.primary {
  background: #2f67d8;
  box-shadow: 0 8px 20px rgba(47, 103, 216, .2);
}
.button.primary:hover { background: #285bbf; }
.global-search,
.search-field { background: #f8fafc; }

.metric-card,
.panel,
.panel-lite,
.candidate-card,
.test-area-card,
.area-profile { border-color: #e1e6ee; }
.metric-icon.orange { background: #edf2fb; color: #2f67d8; }
.metric-icon.blue { background: #edf3ff; color: #376ecf; }
.metric-icon.green { background: #e8f6f1; color: #168a68; }
.metric-icon.yellow { background: #fff5dc; color: #a86e19; }

.pipeline-step.active .pipeline-bar,
.fit-row:nth-child(1) .bar-track span,
.fit-row:nth-child(2) .bar-track span,
.fit-score .mini-track span,
.progress-track span { background: #2f67d8; }
.legend-dot::before { background: #2f67d8; }
.text-button { color: #2f67d8; }
.filter-reset { color: #2f67d8; }
.option:has(input:checked) { border-color: #2f67d8; background: #f4f7fd; }
.option input,
.check-row input { accent-color: #2f67d8; }

.test-hero { background: #102a4d; }
.score-ring { border-top-color: #e97832; border-right-color: #e97832; }
.recommendation { background: #102a4d; }
.recommendation .big-fit { color: #8eb0ee; }
.area-icon,
.upload-icon,
.method-icon { background: #edf2fb; color: #2f67d8; }
.test-area-card:nth-child(2n) .area-icon { background: #e9f3f1; color: #168a68; }
.field input:focus,
.field select:focus,
.field textarea:focus { border-color: #2f67d8; box-shadow: 0 0 0 3px rgba(47, 103, 216, .1); }
.upload-box:hover { border-color: #2f67d8; background: #f7f9fd; }
.upload-box em { color: #2f67d8; }
.toast { background: #102a4d; }