/* Brighter palette requested by Gavin; geometry and interactions stay the same. */
:root {
  color-scheme: light;
  --bg: #f1f4ec;
  --panel: #ffffff;
  --line: rgba(60, 85, 38, .13);
  --text: #283621;
  --muted: #69785e;
  --green: #648e3b;
}
::selection { background: #c8e9a5; color: #213314; }
.sidebar { background: #f8faf5; border-color: #dce4d4; }
.brand-name { color: #2c3f23; }
.brand-name > span { color: #78866d; }
.nav-caption { color: #8b987f; }
.nav-link { color: #6a785f; }
.nav-link:hover { background: #edf2e6; color: #3c5829; }
.nav-link.is-active { background: #e4eed8; color: #476e2b; border-color: #d6e4c7; }
.nav-count { color: #8e9d7f; }
.sidebar-chat { color: #4b6638; }
.sidebar-chat:hover { color: #426b25; }
.sidebar-chat small { color: #849275; }
.chat-small-icon, .small-arrow { color: #78955e; }
.sidebar-note { color: #7a896c; }
.tiny-star { color: #6e8c50; }
.sidebar-domain { color: #92a083; }
.topbar { background: #f1f4ec; }
.breadcrumb { color: #829075; }
.breadcrumb > span:last-child { color: #4c633a; }
.small-square { border-color: #94a780; }
.slash { color: #bdc9b2; }
.top-date { color: #7a8d69; }
.search-button { background: #fbfdf9; border-color: #d9e3d0; color: #5d724c; }
.search-button:hover { border-color: #9bb982; color: #45682c; }
kbd { color: #80916f; border-color: #d5dfcb; background: #f0f5e9; }
.motion-button { color: #789362; border-color: #d0ddc4; background: #f7faf3; }
.motion-button:hover { color: #4f772e; border-color: #9db687; }
.hero {
  border-color: #cfddbf;
  background: radial-gradient(ellipse at 79% 40%, #d4e9bb88 0, transparent 60%), linear-gradient(118deg, #edf4e5 0%, #e5efd8 62%, #dfedcd 100%);
  box-shadow: 0 6px 24px #738a4c06;
}
.hero-grid {
  background-image: linear-gradient(#6b91300b 1px, transparent 1px), linear-gradient(90deg, #6b91300b 1px, transparent 1px);
}
.eyebrow { color: #758f5f; }
.eyebrow-line { background: #a9bd95; }
.status-dot { background: #7ba950; box-shadow: 0 0 10px #8ebd5b33; }
h1 { color: #2f4525; }
h1 > span { color: #527a32; }
.hero-period { color: #8db653; }
.hero-description { color: #516744; }
.hero-description > span { color: #60754f; font-size: 12px; }
.button-primary { background: #bbe784; color: #34541e; box-shadow: 0 3px 12px #709c4220; }
.button-primary:hover { background: #c9ef9a; }
.button-text { color: #698353; }
.button-text:hover { color: #3e6820; }
.art-glow { background: radial-gradient(ellipse, #fafef47a, transparent 70%); }
.orbital-letter { color: #4c742e; text-shadow: 0 3px 20px #fafdf555; }
.orbital-letter > span { color: #648e36; }
.orbital-tag { color: #738d5b; background: #f6fbed88; border-color: #bfd3a6; }
.tag-top i { background: #7da354; }
.tag-bottom > span { color: #74994c; }
.art-coordinate { color: #819b6466; }
.hero-bottom { background: #e9f2dd66; border-color: #b5cb9c55; color: #8b9f79; }
.section-index { color: #8a9a7a; }
.section-header h2 { color: #344c29; }
.section-header h2 > span { color: #88ac5d; }
.section-aside { color: #8d9d7e; }
.work-card {
  border-color: #dae4d1;
  background: linear-gradient(125deg, #ffffff, #fbfdf8);
  box-shadow: 0 3px 12px #5e7d2e04;
}
.work-card:hover { background: #ffffff; box-shadow: 0 8px 24px #587d3210; }
.work-card h3 { color: #34492b; font-size: 16px; }
.work-card p { color: #657956; font-size: 11px; }
.card-number { color: #afbea0; }
.card-arrow { color: #6b8e4c; }
.work-card:nth-child(1) .card-icon { color: #6c933d; background: #f0f6e7; border-color: #dfeacc; }
.work-card:nth-child(2) .card-icon { color: #8584b4; background: #f3f2fb; border-color: #e7e3f3; }
.work-card:nth-child(3) .card-icon { color: #5d9a80; background: #edf6f0; border-color: #daebdd; }
.work-card:nth-child(4) .card-icon { color: #b09456; background: #fbf7ec; border-color: #eee5cd; }
.work-card:nth-child(5) .card-icon { color: #a381ae; background: #f8f1fa; border-color: #ecdfef; }
.work-card:nth-child(6) .card-icon { color: #7097b4; background: #edf5f9; border-color: #dce9ef; }
.card-footer { color: #7b8e69; border-color: #e9efe1; }
.card-footer > span, .card-footer > span > span { color: #6e865a; }
.work-card:hover .card-footer > span { color: #658445; }
.chat-card { background: radial-gradient(ellipse at 90% 60%, #cce3ae77, transparent 65%), #e8f1dd; border-color: #d3e1c2; }
.chat-card:hover { border-color: #a7c58a; }
.chat-label { color: #7d9766; }
.chat-card h3 { color: #476430; }
.chat-card h3 > span { color: #7fa354; }
.chat-card p { color: #6b8455; }
.chat-cta { color: #668d42; }
.chat-spark { color: #8ba95f; }
.about-card { background: #fbfdf8; border-color: #dce6d2; }
.about-star { color: #a2b786; }
.about-card h2 { color: #466034; }
.about-card h2 > span { color: #8fb26a; }
.about-card p { color: #6b8059; }
.about-tags > span { color: #91a47d; background: #f2f7e9; border-color: #e0e9d1; }
.footer { color: #8c9e7c; }
.footer-sub { color: #a6b39a; }
.footer > a:hover { color: #5e823a; }
.command-dialog { background: #fdfefa; color: #405632; border-color: #cadcba; box-shadow: 0 25px 120px #3c522044; }
.command-dialog::backdrop { background: #30462266; }
.command-search > svg { color: #85a268; }
.command-search input::placeholder { color: #96aa81; }
.command-hint { color: #95a780; }
.command-result:hover, .command-result:focus { background: #eef5e5; border-color: #dbe8cd; }
.command-result small { color: #94a780; }
.command-result svg { color: #8fab76; }
.command-bottom, .command-empty { color: #91a57c; }
@media (max-width:700px) {
  .sidebar { background: #f8faf5f5; }
  .hero-description > span { font-size: 10px; }
  .work-card h3 { font-size: 14px; }
  .work-card p { font-size: 10px; }
}

@keyframes orbit-fallback-turn {
  from { transform: translate(-50%, -50%) rotate(-32deg); }
  to { transform: translate(-50%, -50%) rotate(328deg); }
}
.hero-art:not(.has-webgl) .orbital-fallback {
  animation: orbit-fallback-turn 24s linear infinite;
}
.motion-paused .hero-art .orbital-fallback { animation-play-state: paused; }
