/* ENISHI · blush pink and champagne gold.
   Keep the original tokens so every existing view shares this palette. */
:root {
  --paper: #fff8f9;
  --surface: #fffdfc;
  --ink: #382a30;
  --muted: #78636c;
  --line: #ecdce2;
  --green: #8b3d56;
  --dark: #6f2d43;
  --sage: #f6e6ec;
  --gold: #b08a50;
  --rose-line: #dcb9c6;
  --rose-soft: #fbf0f3;
  --gold-ink: #7e5d2e;
  --gold-soft: #f7efdf;
  --gold-line: #dbc397;
}

body {
  background: var(--paper);
  color: var(--ink);
}

::selection {
  background: #eed0dc;
  color: #552238;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline-color: var(--gold);
}

.brand .brand-mark,
.mobile-brand .brand-mark {
  color: var(--gold);
}

.nav-caption { color: #806b74; }
.nav-item { color: #715b65; }
.nav-item:hover { background: var(--rose-soft); }
.nav-item.active { background: var(--sage); }
.topbar { background: #fffafbeF; }
.icon-button { color: #7d6670; }
.icon-button:hover { background: var(--sage); }

.demo-badge {
  background: var(--gold-soft);
  border-color: var(--gold-line);
  color: var(--gold-ink);
}

.avatar:not(:has(img)) {
  background: var(--sage) !important;
  color: var(--green);
}

.hero {
  background: linear-gradient(118deg, #f9e6ed 0%, #fbeef1 62%, #f8eee5 100%);
  border-color: #e9cad5;
}
.hero:before {
  background: radial-gradient(ellipse at 82% 4%, #f8e8c5a8, transparent 62%);
}
.hero .eyebrow { color: #805d43; }
.hero-description { color: #755760; }
.hero-search {
  border-color: var(--rose-line);
  box-shadow: 0 4px 14px #70374b07;
}
.hero-search > .icon { color: #8d6b77; }
.hero-search button:hover { background: var(--dark); }
.hero-search input:focus-visible,
.search-box input:focus-visible {
  outline-color: var(--gold);
}
.orbit-svg { color: #d2a6b6; }
.orbit-svg circle[fill="#8fa17c"],
.orbit-svg circle[fill="#b59458"] { fill: var(--gold); }
.orbit-avatar {
  border-color: #fff3f6;
  box-shadow: 0 5px 18px #823b5214;
}
.orbit-center {
  color: #f7dfb2;
  box-shadow: 0 0 0 11px #8b3d5609;
}
.orbit-label {
  background: #fff9fbd9;
  border-color: #e3c8d2;
  color: #765662;
}

.pill { border-color: #e1ccd4; color: #765b67; }
.pill.active,
.pill:hover { color: #fff; border-color: var(--green); }
.person-card:hover {
  border-color: #d3a7b7;
  box-shadow: 0 9px 28px #77374b0a;
}
.card-bookmark.saved svg { fill: #8b3d5619; }
.tiny-type { border-color: #e8d8df; color: #755e69; }
.dot-separator { color: #cbb3bd; }
.value-label { color: #806771; }
.tag { color: #7c3e54; background: #f8e9ee; }
.tag.neutral { color: var(--gold-ink); background: var(--gold-soft); }
.tag.outline { color: #765d68; background: transparent; }
.match-reason {
  background: #fbf2f5;
  color: #72565f;
  border-left: 2px solid var(--gold-line);
}
.match-reason .icon { color: #9b793e; }
.card-footer { border-top-color: #f0e4e8; }
.status-text { color: #7d6470; }
.status-text:before { background: #ba7c94; }
.status-text.new { color: var(--gold-ink); }

.progress-track { background: #f2e3e8; }
.progress-fill { background: linear-gradient(90deg, #a85b76, #bd9960); }
.rail-helper { color: #7c6871; }
.button.secondary { border-color: var(--rose-line); }
.button.secondary:hover,
.button.ghost:hover { background: var(--rose-soft); }
.stat-row { color: #78636c; border-bottom-color: #f0e4e8; }
.stat-row .icon { color: #a17e57; }

.promise-panel,
.about-promise {
  background: linear-gradient(135deg, #8b3d56, #713046);
  color: #fff6f8;
}
.promise-panel:after {
  border-color: #e4bd7b3d;
  box-shadow: 0 0 0 22px #e4bd7b09, 0 0 0 45px #e4bd7b05;
}
.promise-panel .eyebrow { color: #f1d5aa; }
.promise-panel p,
.about-promise p { color: #f4dfe6; }
.promise-panel .text-link { color: #ffe4b8; }
.about-promise strong { color: #fff6f8; }
.footer-note { color: #826d76; }
.footer-note a { color: var(--green); }

.check-label { color: #725d67; }
.search-box { border-color: #ddbcc8; }
.search-box > .icon { color: #956d7d; }
.active-filter { border-color: #dfbdca; }
.empty-state { border-color: #d9bac7; }
.empty-state > .icon { color: #ac8599; }

.profile-cover {
  background: linear-gradient(110deg, #f3dae4, #f8e6ec 62%, #f4e8d8);
  border-color: #e4c6d2;
}
.profile-cover:before,
.profile-cover:after { border-color: #b18a5066; }
.profile-cover span { color: #855e6c; }
.profile-section h2 .icon { color: #9b7181; }
.profile-section p { color: #6f5862; }
.profile-reason { background: #fbf0f4; border-color: #ead1dc; }
.profile-reason .eyebrow { color: #8b6545; }
.profile-reason p { color: #755661; }
.profile-facts { color: #78616c; }
.profile-demo-note { color: #826e78; }

.wizard-steps:before { background: #e9d4dd; }
.wizard-step { color: #806a75; }
.wizard-step span { border-color: #dcbcca; }
.wizard-step.done span { border-color: #e3c3d0; }
.field { color: #6f515f; }
.field small { color: #826b75; }
.input { border-color: #e4cbd5; background: #fffdfc; }
.input:focus {
  border-color: #b2778f;
  box-shadow: 0 0 0 3px #b2778f16;
}
.input::placeholder { color: #9b8590; }
.input:invalid:not(:placeholder-shown) { border-color: #b96e78; }
.autosave { color: #896b53; }
.choice-label { color: #765f6b; }
.choice-label:has(input:checked) { border-color: #c995ac; }
.optional { color: #826d78; }
.draft-note { color: var(--gold-ink); }

.connection-badge.pending { background: var(--gold-soft); color: var(--gold-ink); }
.conversation-link.active,
.conversation-link:hover { background: #f8eaf0; }
.chat-demo { color: #806a75; background: #fdf6f8; }
.chat-bubble { background: #f8eaf0; color: var(--ink); }
.self .chat-bubble { background: var(--green); color: #fff7f9; }
.chat-time { color: #88717c; }
.chat-hints button {
  border-color: #e7ced9;
  color: #7d5d6b;
  background: #fff8fa;
}
.chat-hints button:hover { background: var(--sage); }

.info-box {
  background: #fbf1f5;
  border-color: #ead2dc;
  color: #765563;
}
.gratitude-help { color: #7d626f; }
.gratitude-skip { border-color: #dfc3cf; color: #755562; }
.gratitude-skip:hover { background: var(--rose-soft); }
.gratitude-hero .brand-mark { color: var(--gold); }
.about-hero {
  background: linear-gradient(125deg, #f7e1e9, #fbf0f3 65%, #f7efdf);
  border-color: #e6cad6;
}
.about-hero .eyebrow { color: #8a643d; }
.about-hero p { color: #765765; }

.dialog { box-shadow: 0 20px 80px #542c3b29; }
.dialog::backdrop { background: #41232f5e; }
.dialog-person { background: #faedf2; }
.toast { color: #fff7f9; box-shadow: 0 6px 30px #71304620; }

@media (max-width: 620px) {
  .topbar { background: #fff9fbf5; }
  .bottom-nav { background: #fffafcf7; }
  .bottom-nav a { color: #7f6572; }
  .bottom-nav a.active { color: var(--green); }
}