:root {
  --orange: #a259ff;
  --orange-soft: rgba(162,89,255,.10);
  --coral: #ff7262;
  --violet: #a259ff;
  --blue: #1abcfe;
  --green: #0acf83;
}

.brand-mark {
  position: relative;
  overflow: hidden;
  background: #a259ff;
  box-shadow: none;
}

.brand-mark::after {
  display: none;
}

.brand-mark { text-shadow: 0 1px 1px rgba(0,0,0,.12); }

.metric-icon.blue { background: rgba(26,188,254,.12); color: #1abcfe; }
.metric-icon.violet { background: rgba(162,89,255,.12); color: #a259ff; }
.metric-icon.green { background: rgba(10,207,131,.12); color: #0acf83; }
.metric-icon.orange { background: rgba(162,89,255,.12); color: #a259ff; }

.stage-row:nth-child(1) .bar i { background: #ff7262; }
.stage-row:nth-child(2) .bar i { background: #a259ff; }
.stage-row:nth-child(3) .bar i { background: #1abcfe; }
.stage-row:nth-child(4) .bar i { background: #0acf83; }
.stage-row:nth-child(5) .bar i { background: #f24e1e; }
.stage-row:nth-child(6) .bar i { background: linear-gradient(90deg, #a259ff, #1abcfe); }

.kanban-col:nth-child(5n+1) .kanban-head i { background: #a259ff; }
.kanban-col:nth-child(5n+2) .kanban-head i { background: #ff7262; }
.kanban-col:nth-child(5n+3) .kanban-head i { background: #a259ff; }
.kanban-col:nth-child(5n+4) .kanban-head i { background: #1abcfe; }
.kanban-col:nth-child(5n+5) .kanban-head i { background: #0acf83; }

.primary-button,
.primary-button:hover,
.primary-button:focus { background: #a259ff; }
.primary-button:active { background: #ff7262; }
.nav-item.active svg, .text-button span { color: #a259ff; }
.focus-bar { border-left-color: #a259ff; }
.focus-kicker { color: #a259ff; }
.review-icon { color: #ff7262; }
.progress-step.done::before { background: #0acf83; box-shadow: 0 0 0 1px #0acf83; }
.progress-step.done::after { background: #0acf83; }
.progress-step.current::before { background: #a259ff; box-shadow: 0 0 0 3px rgba(162,89,255,.16); }
.action-check:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #1abcfe;
  outline-offset: 2px;
}

/* Colored UI states are restricted to the approved five-color palette. */
.system-boundary .pulse { background: #0acf83; box-shadow: 0 0 0 4px rgba(10,207,131,.14); }
.nav-count.alert { background: rgba(162,89,255,.22); color: #a259ff; }
.metric-card small b { color: #0acf83; }
.avatar.owner { background: rgba(162,89,255,.16); color: #a259ff; }
.avatar.codex { background: rgba(26,188,254,.16); color: #1abcfe; }
.avatar.claude { background: rgba(162,89,255,.16); color: #a259ff; }
.approved, .badge.success { background: rgba(10,207,131,.14); color: #0acf83; }
.pending, .badge.warning, .due { background: rgba(162,89,255,.12); color: #a259ff; }
.due.overdue { background: rgba(255,114,98,.14); color: #ff7262; }
.badge.review { background: rgba(162,89,255,.18); color: #a259ff; }
.stage-pill.hot { background: rgba(162,89,255,.12); color: #a259ff; }
.deal-card:hover { border-color: #ff7262; }
.calendar-event { background: rgba(26,188,254,.14); color: #1abcfe; }
.calendar-event.orange { background: rgba(162,89,255,.12); color: #a259ff; }
.route-stop .number { background: rgba(162,89,255,.12); color: #a259ff; }
.quick-types button.active { border-color: #ff7262; color: #a259ff; background: rgba(255,114,98,.08); }
.system-box.active-system { border-color: #a259ff; }
.flow-arrow { color: #ff7262; }
.check-list span::before { background: rgba(10,207,131,.14); color: #0acf83; }
.check-list span.missing::before { background: rgba(162,89,255,.12); color: #a259ff; }
.action-check[style] { background: rgba(10,207,131,.14) !important; color: #0acf83 !important; }