:root {
  --green: #61e4b2;
  --orange: #ffad5c;
  --blue: #72a7ff;
}

.brand-mark,
.new-note,
.primary-button { background: var(--green); }
.eyebrow,
.nav-item.active span,
.empty-icon,
.module-symbol { color: var(--green); }

.nav-item[data-view="ian"] span,
#view-ian .module-symbol,
#view-ian .eyebrow { color: var(--orange); }

.nav-item[data-view="documents"] span,
#view-documents .module-symbol,
#view-documents .eyebrow,
.nav-item[data-view="settings"] span,
#view-settings .module-symbol,
#view-settings .eyebrow { color: var(--blue); }

#view-ian .ian-card { border-color: #6b4c2d; }
#view-documents .status-pill { border-color: #385487; }
.lock-card .eyebrow { color: var(--green); }
.creator-credit { border-top: 1px solid var(--line); margin: 16px 12px 0; padding-top: 14px; color: #718198; font: 10px 'DM Mono'; line-height: 1.6; }
.creator-credit strong { color: #b9c8d8; font: 600 11px Manrope; }
.creator-panel { grid-column: 1 / -1; display: grid; gap: 3px; border: 1px solid #385487; border-radius: 9px; padding: 13px; color: #9fb9e8; font-size: 11px; }
.creator-panel strong { color: var(--blue); font-size: 15px; }
.creator-panel small { color: #718198; font-size: 10px; }