/* HAVA's light palette: warm paper, white cards, and playful accents. */
:root {
  color-scheme: light;
  --bg: #faf8fc;
  --card: #ffffff;
  --line: #e7e0ed;
  --text: #211a29;
  --muted: #716779;
  --blue: #345ec4;
  --pink: #d92264;
  --green: #168575;
  --violet: #7350dc;
  --soft: #f4f0f8;
  --shadow: 0 8px 26px #39204d07;
}
.hava-light {
  color: var(--text);
  background: radial-gradient(ellipse at 8% 0, #ffe5ef 0, transparent 36rem),
    radial-gradient(ellipse at 100% 45%, #eee8ff88 0, transparent 32rem), var(--bg);
}
.hava-light button, .hava-light input, .hava-light textarea, .hava-light select { font: inherit; }
.hava-light button:focus-visible, .hava-light a:focus-visible,
.hava-light input:focus-visible, .hava-light textarea:focus-visible,
.hava-light select:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
.hava-light input, .hava-light textarea, .hava-light select { accent-color: var(--violet); }
.hava-light ::selection { background: #f9cfe0; color: #211a29; }
.hava-light .top { background: #faf8fced; border-color: var(--line); }
.hava-light .logo { display: grid; grid-template-columns: 36px auto; column-gap: 10px; align-items: center; line-height: 1.15; color: var(--text); }
.hava-light .logo::before { content: "H"; grid-column: 1; grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #ff3d7f; color: #fff; font-size: 1.25rem; font-weight: 950; }
.hava-light .logo small { grid-column: 2; color: var(--muted); }
.hava-light .wallet { color: var(--muted); }
.hava-light .wallet b { color: var(--text); }
.hava-light .ghost, .hava-light .seeAll { color: var(--text); border-color: var(--line); background: #fff; }
.hava-light .ghost:hover, .hava-light .seeAll:hover { background: #f1eaf8; border-color: #cbbbe0; }

/* Keep one dark anchor; the surrounding activity stays on light paper. */
.hava-light .arrivalLayout { gap: 24px; align-items: stretch; padding-top: 20px; }
.hava-light .arrivalLayout .hero { padding: 28px; border: 1px solid #251c30; border-radius: 26px; background: radial-gradient(ellipse at 100% 0, #3a234b66, transparent 80%), #191420; color: #fff; }
.hava-light .hero .eyebrow { color: #ff98bc; }
.hava-light .hero h1 { color: #fff; }
.hava-light .arrivalLayout .hero p { color: #d1c8da; }
.hava-light .arrivalLayout .hero .heroTrace { color: #c2b5cc; }
.hava-light .pulse { color: var(--green); }
.hava-light .happeningsSection { align-self: center; }
.hava-light .happeningsHead h2 { color: var(--text); }
.hava-light .happeningsHead p { color: var(--muted); }
.hava-light .happeningsFeed { background: #fff; border-color: var(--line); box-shadow: var(--shadow); }
.hava-light .happening { color: #34233e; border-color: #eee7f3; }
.hava-light .happening:not(.read) { background: #fbf5ff; border-radius: 10px; }
.hava-light .happening.read { color: #716779; }
.hava-light .happening:hover { background: #f3edf9; }
.hava-light .eventIcon { color: #7350b7; background: #f2ebfb; border-color: #e6dcf3; }
.hava-light .happening i { background: #e13d7c; box-shadow: 0 0 9px #e13d7c33; }
.hava-light .eventCopy small { color: var(--muted); }
.hava-light .happeningsFeed, .hava-light .dropStream { scrollbar-color: #c9b6d8 #f5f0f8; }
.hava-light .happeningsFeed::-webkit-scrollbar-track, .hava-light .dropStream::-webkit-scrollbar-track { background: #f5f0f8; }
.hava-light .happeningsFeed::-webkit-scrollbar-thumb, .hava-light .dropStream::-webkit-scrollbar-thumb { background: #c9b6d8; border-color: #f5f0f8; }

.hava-light .head h2, .hava-light .dropIntro h1, .hava-light .artTitle { color: var(--text); }
.hava-light .person, .hava-light .allPerson { color: var(--text); border-color: var(--line); background: #fff; box-shadow: var(--shadow); }
.hava-light .person:hover, .hava-light .allPerson:hover { background: #fff; border-color: #c7b4e3; box-shadow: 0 10px 26px #7350dc15; }
.hava-light .avatar, .hava-light .bigavatar, .hava-light .accountDot, .hava-light .myChipAvatar { color: #fff; }
.hava-light .name, .hava-light .mini strong, .hava-light .autoName { color: var(--blue); }
/* Custom names remain white, with a dark nameplate for contrast. */
.hava-light .fixedName { color: #fff; background: #302638; border-radius: 5px; padding: 2px 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.hava-light .mood { color: #665b71; }
.hava-light .trace { color: var(--muted); }
.hava-light .glow::after { box-shadow: inset 0 0 22px #ac7ded30; }
.hava-light .allPerson.liveGlow { box-shadow: inset 0 0 25px #ac7ded25; }
.hava-light .card { border-color: #e3d9ef; background: #f3edfc; box-shadow: var(--shadow); }
.hava-light .card:nth-child(3n + 2) { background: #fff0f5; border-color: #efd6e2; }
.hava-light .card:nth-child(3n + 3) { background: #eaf7f2; border-color: #cfe8df; }
.hava-light .card p { color: #6a5f74; }
.hava-light .roomItem { border-color: var(--line); background: #f8f4fc; }
.hava-light .roomItem small { color: var(--muted); }

.hava-light .dropIntro p, .hava-light .artLead { color: var(--muted); }
.hava-light .dropStream { background: #fff; border-color: var(--line); box-shadow: var(--shadow); }
.hava-light .dropPost { border-color: #eee7f2; }
.hava-light .dropPost:nth-child(even) { background: #fdfafd; }
.hava-light .dropMeta, .hava-light .dropNotice { color: var(--muted); }
.hava-light .dropMeta { flex-wrap: wrap; }
.hava-light .dropMeta b { color: #7d4ba5; }
.hava-light .dropMeta button { color: var(--blue) !important; }
.hava-light .artBoard { border-color: var(--line); }
.hava-light .creatorLabel { color: #8b3b80; }
.hava-light .artCard { background: #fff; border-color: var(--line); box-shadow: var(--shadow); }
.hava-light .drawing { background-color: #f1edf7 !important; }
.hava-light .authorLink { color: var(--blue); }
.hava-light .artLead a { color: #6b43bc !important; }
.hava-light .artStats { color: var(--muted); }
.hava-light .artActions select, .hava-light .likePicker { border-color: #edc8d8; background: #fff1f6; color: #a92052; }
.hava-light .artActions button, .hava-light .oneWord { border-color: var(--line); background: #f8f4fc; color: #55415f; }
.hava-light .artActions button:hover, .hava-light .oneWord:hover { background: #efe5f8; }
.hava-light .topicBox { background: #f3edfc; border-color: #e2d7f0; }
.hava-light .topic { background: #fff; border-color: #e7dff0; }
.hava-light .topic button { background: #f3eaff; border-color: #d7c3ee; color: #69409d; }
.hava-light .topic button.voted { background: #7350dc; color: #fff; border-color: #7350dc; }
.hava-light .oldMuseumLink { background: #fff; color: var(--text); border-color: var(--line); }
.hava-light .oldMuseumLink span { color: #76529e; }
.hava-light .oldMuseumLink:hover { background: #f4edf9; }
.hava-light .profileArt { border-color: var(--line); }
.hava-light .profileArtHead small, .hava-light .nameLegend { color: var(--muted); }
.hava-light .profileArtThumb { background-color: #f1edf7; border-color: var(--line); }

/* Dialogs, account switching, and posting forms share the same light palette. */
.hava-light .overlay { background: #261a385c; backdrop-filter: blur(9px); }
.hava-light .modal { background: #fff; border-color: var(--line); box-shadow: 0 24px 90px #271b3a33; color: var(--text); }
.hava-light .progress { background: #f0e8f6; }
.hava-light .progress i { background: linear-gradient(90deg, #ff3d7f, #8156e9); }
.hava-light .step { color: #866298; }
.hava-light .lead, .hava-light .hint { color: var(--muted); }
.hava-light .primary, .hava-light .dropCompose, .hava-light .submitArt,
.hava-light .topicAdd button, .hava-light .chatInput button, .hava-light .submit { background: #211a29; color: #fff; }
.hava-light .primary:hover, .hava-light .dropCompose:hover, .hava-light .submitArt:hover,
.hava-light .topicAdd button:hover, .hava-light .submit:hover { background: #483052; }
.hava-light .secondary, .hava-light .choice, .hava-light .mini { border-color: var(--line); background: #f8f5fc; color: var(--text); }
.hava-light .choice.on { border-color: #b192d8; background: #f2eafa; }
.hava-light .choice small { color: var(--muted); }
.hava-light .identity, .hava-light .bio { background: #f6f1fa; color: #56485f; }
.hava-light .field label { color: #65566e; }
.hava-light .field input, .hava-light .field textarea,
.hava-light .chatInput input, .hava-light .topicAdd input { border: 1px solid #ded3e8; background: #fff; color: var(--text); border-radius: 12px; padding: 11px; min-width: 0; }
.hava-light .field textarea { width: 100%; resize: vertical; font: inherit; line-height: 1.7; }
.hava-light input::placeholder, .hava-light textarea::placeholder { color: #84788e; opacity: 1; }
.hava-light .upload { border-color: #d7c6e4; background: #fcf9ff; color: #70517f; }
.hava-light .upload:hover { background: #f2eafa; }
.hava-light .like { background: #fff0f5; border-color: #edc4d6; color: #ae2859; }
.hava-light .fact { border-color: var(--line); }
.hava-light .fact small { color: var(--muted); }
.hava-light .talk { background: #edf8f4; border-color: #bee0d4; color: #1e7560; }
.hava-light .modalTop button, .hava-light .accountHead button { color: #574760; background: #f0e9f6; }
.hava-light .bubble.me { background: #7451cf; color: #fff; }
.hava-light .bubble.them { background: #f2ebf8; color: var(--text); }
.hava-light .publicLine { background: #f5effa; color: #4d3a59; }
.hava-light .publicLine.reply { border-color: #74b9a4; }
.hava-light .removeArt { border-color: #e9b3c3; background: #fff0f3; color: #ae2851; }
.hava-light .toast { background: #211a29; color: #fff; box-shadow: 0 10px 35px #211a2926; }
.hava-light #accountButton { background: #fff; border-color: var(--line); color: var(--text); }
.hava-light .myChipText small { color: var(--muted); }
.hava-light #accountPanel { background: #fffdfef7; border-color: var(--line); color: var(--text); box-shadow: 0 18px 60px #39234f26; }
.hava-light #accountPanel p { color: var(--muted); }
.hava-light .accountItem { background: #fff; border-color: var(--line); color: var(--text); }
.hava-light .accountItem.on { background: #f3ebfc; border-color: #b69ad9; }
.hava-light .accountItem strong { color: var(--blue); }
.hava-light .accountItem small { color: var(--muted); }

.art-submit-page .back { color: #76568d; }
.art-submit-page .card { background: #fff; border-color: var(--line); }
.art-submit-page .preview { background-color: #f7f2fa; border-color: #d7c6e4; color: var(--muted); }

@media (max-width: 760px) {
  .hava-light .arrivalLayout { gap: 22px; padding-top: 12px; }
  .hava-light .arrivalLayout .hero { padding: 24px; border-radius: 22px; }
}
@media (max-width: 420px) {
  .hava-light .topin { gap: 8px; padding-inline: 12px; }
  .hava-light .logo { grid-template-columns: 30px auto; column-gap: 7px; font-size: .9rem; }
  .hava-light .logo::before { width: 30px; height: 30px; border-radius: 10px; font-size: 1.05rem; }
  .hava-light .logo small { font-size: .42rem; }
  .hava-light #accountButton { max-width: 175px; }
  .hava-light .myChipText b { max-width: 112px; }
  .hava-light .arrivalLayout .hero { padding: 22px 20px; }
  .hava-light .dropMeta > span { overflow-wrap: anywhere; }
  .hava-light .topic span { min-width: 0; overflow-wrap: anywhere; }
}