/* Turquoise details for the shared home. Decoration never carries status alone. */
:root {
  --accent: #087c76;
  --accent-strong: #087c76;
  --accent-soft: #dcefeb;
  --accent-line: #98c9c1;
  --accent-ink: #075e59;
  --green: #087c76;
}
:root[data-theme=dark] {
  --paper: #071f29;
  --surface: #103842;
  --surface-2: #12505a;
  --ink: #edfffd;
  --muted: #abd5d8;
  --line: #286b75;
  --accent: #43e5d5;
  --accent-strong: #43e5d5;
  --accent-soft: #0b626d;
  --accent-line: #28bcbf;
  --accent-ink: #a2fff3;
  --green: #43e5d5;
}
body {
  background: radial-gradient(ellipse at 87% 2%, #75d6c522, transparent 44%),
    radial-gradient(ellipse at 8% 46%, #d5c58b0c, transparent 40%), var(--paper);
}
[data-theme=dark] body {
  background: radial-gradient(ellipse at 85% 0, #00c8cf30, transparent 45%),
    radial-gradient(ellipse at 12% 38%, #0aa4df18, transparent 38%), var(--paper);
}
:is(button,a,input,textarea,select):focus-visible {
  outline: 3px solid var(--accent-strong);
  outline-offset: 4px;
}
input[type=checkbox] { accent-color: var(--accent-strong); }
.hero-copy h1 em,[data-theme=dark] .hero-copy h1 em { color: var(--accent); }
.hero-copy .eyebrow>span,.status-dot { background: var(--accent-strong); }
.hero-art,[data-theme=dark] .hero-art {
  background: radial-gradient(ellipse, #1ce6e13d 0, #10b0dc15 43%, transparent 69%);
}
.hero-art:before { border-color: #61cabe40; }
.main-nav button.active,[data-theme=dark] .main-nav button.active {
  background: linear-gradient(140deg, var(--accent-soft), #6acabb08);
  color: var(--accent-ink);
  box-shadow: inset 0 0 0 1px var(--accent-line), 0 4px 15px #142f2c0d;
}
.main-nav button.active .icon { color: var(--accent-strong); }
.main-nav button[data-worker-state=running] { box-shadow: inset 0 0 0 1px var(--accent-line); }
.main-nav button[data-worker-state=running]:after { background: var(--accent-strong); }
/* Amber decisions, warnings and destructive controls retain their meanings. */
.main-nav button.active[data-worker-state=attention] {
  box-shadow: inset 0 0 0 1px #c99a63, 0 4px 15px #142f2c0d;
}
.hero-actions>button:first-child,#named-login>button,#account-password>button,
#deb-password>button,.creator-open,[data-theme=dark] :is(.hero-actions>button:first-child,#named-login>button,#account-password>button,#deb-password>button,.creator-open) {
  background: linear-gradient(120deg, #27dbd1, #72f4dc);
  color: #063b44!important;
  border-color: #9de4d447;
  box-shadow: 0 6px 22px #3fcbb71a, inset 0 1px 0 #e2fff580;
}
.home-card,.welcome-card,.creator-card,dialog {
  box-shadow: 0 12px 36px #04130e14, inset 0 1px 0 #c2f3df0a;
}
.home-card:has(input:checked) {
  border-color: var(--accent-strong);
  box-shadow: 0 0 0 2px #6dd9c921, 0 12px 28px #061e1714;
}
.card-topline,[data-theme=dark] .card-topline {
  background: linear-gradient(105deg, var(--accent-soft), var(--surface));
}
.home-glyph,.brand-symbol,[data-theme=dark] :is(.home-glyph,.brand-symbol) {
  color: var(--accent-ink); background: var(--accent-soft);
}
.home-card .foot a,[data-theme=dark] .home-card .foot a { color: var(--accent-ink); }
.home-card .foot button,[data-theme=dark] .home-card .foot button,
.filter-tabs button.selected,[data-theme=dark] .filter-tabs button.selected {
  color: var(--accent-ink); background: var(--accent-soft); border-color: var(--accent-line);
}
.batch-chip { color: var(--accent-ink)!important; border-color: var(--accent-line); }
.account-menu { color: var(--accent-ink)!important; border-color: var(--accent-line)!important; background: var(--accent-soft)!important; }
.access-pill { color: var(--accent-ink); background: var(--accent-soft); }
.welcome-card { border-color: var(--accent-line); }
.welcome-card { position: relative; }
.welcome-card::after,.creator-card::after {
  content: ''; position: absolute; pointer-events: none;
  width: 78px; height: 60px; background: var(--accent-strong); opacity: .24;
  -webkit-mask: url('/wildflowers.svg') center / contain no-repeat;
  mask: url('/wildflowers.svg') center / contain no-repeat;
}
.welcome-card::after { right: 15px; top: 13px; transform: rotate(9deg); }
.creator-card::after { left: 18px; bottom: -30px; opacity: .36; transform: rotate(-9deg); }
.unlock label { color: var(--muted); }
.unlock .account-recovery-help { color: var(--ink); }
[data-theme=dark] :is(input,textarea,select) { background: #082d3a; border-color: #347d89; }
.creator-card,[data-theme=dark] .creator-card {
  border-color: var(--accent-line);
  background: linear-gradient(125deg, var(--surface), var(--accent-soft));
}
.creator-copy h2 span,[data-theme=dark] .creator-copy h2 span { color: var(--accent-ink); }
.creator-browser,[data-theme=dark] .creator-browser { border-color: var(--accent-line); }
.creator-browser-bar,[data-theme=dark] .creator-browser-bar { background: var(--accent-soft); color: var(--accent-ink); }
.cat-controls>button,[data-theme=dark] .cat-controls>button {
  color: var(--accent-ink); border-color: var(--accent-line); background: var(--accent-soft);
}
@media(hover:hover) {
  .home-card:hover { border-color: var(--accent-line); box-shadow: 0 12px 32px #09292122; }
  .main-nav button:not(.active):hover { background: var(--accent-soft); color: var(--accent-ink); }
}
@media(max-width:600px) {
  .welcome-card { border-radius: 26px; }
  .main-nav button.active { box-shadow: inset 0 0 0 1px var(--accent-line); }
}
@media(forced-colors:active) {
  .main-nav button.active,.home-card:has(input:checked) { outline: 2px solid Highlight; }
}
@media(max-width:370px) {
  .welcome-card::after { width: 42px; height: 35px; right: 8px; top: 7px; opacity: .12; }
}

/* Turquoise is the main palette, including the large surfaces. */
[data-theme=dark] :is(.home-card,.case-card,.section,.welcome-card,dialog,.connection-summary,.friendly-empty) {
 background: linear-gradient(145deg,#124c57,#0d3443); border-color: #2b7984;
}
[data-theme=dark] :is(.journey-strip,.filter-tabs,.next-question,.gentle-note,.quick-costs>div) {
 background: linear-gradient(120deg,#096976,#124852); color: var(--ink); border-color:#2b8590;
}
[data-theme=dark] :is(.home-card .foot,th) { background:#0a414e; color:var(--ink); }
[data-theme=dark] :is(.step-dot,.nav-count,.home-glyph,.brand-symbol) { background:#117580; color:#b4fff2; }
[data-theme=dark] :is(a,.section summary,.access-pill) { color:#a2fff3; }
[data-theme=dark] :is(.section p,td,.plain-questions,.home-card .home-features) { color:var(--ink); }
[data-theme=dark] :is(button.secondary,button.text-button,.pause-control) { color:#b8efed; border-color:#377c86; }
[data-theme=dark] .main-nav button { color:#b6e8e9; }
[data-theme=dark] .main-nav button.active { background:linear-gradient(125deg,#128c97,#085d70); color:#d9fffa; border-color:#3de4da; box-shadow:inset 0 0 0 1px #36c8c6,0 4px 18px #04b7c922; }
[data-theme=dark] .main-nav button.active[data-worker-state=attention] { box-shadow:inset 0 0 0 1px #e2b45d; }
[data-theme=dark] .card-topline { background:linear-gradient(105deg,#096674,#124b59); }
[data-theme=dark] .actionbar { background:#082e3bef; border-color:#278492; }
[data-theme=dark] .property-photo-empty { background:linear-gradient(145deg,#0b4e60,#106472); color:#b7e7e5; }
[data-theme=dark] .creator-card { background:linear-gradient(125deg,#103c4b,#086676); }
[data-theme=dark] .creator-browser-bar { background:#095763; }
[data-theme=dark] .welcome-card { box-shadow:0 24px 90px #0005,0 0 55px #00d3d915; }
[data-theme=dark] .warning,[data-theme=dark] .warning p { color:#f0d599; }
.main-nav { overflow:visible; }
@media(min-width:701px) { .main-nav { display:flex; flex-wrap:wrap; gap:7px; } .main-nav button { padding:10px 11px; } }
.recorded-home-reasons { margin:8px 0; padding-left:18px; line-height:1.6; }

:root[data-theme=dark] :is(.brand-symbol,.home-glyph,.step-dot,.nav-count) { background:#117580; color:#b4fff2; border-color:#56abae; }
:root[data-theme=dark] .home-features>span { background:#0c5967; color:#d0fff7; border-color:#277d88; }
:root[data-theme=dark] .home-card h3 span { color:#abd5d8; }
:root[data-theme=dark] .review-options>summary { color:#abd5d8; }
:root[data-theme=dark] .quick-costs strong { color:#d0fff7; }

/* A small garden beside the house, behind all interactive controls. */
.hero-art::after { content:""; position:absolute; right:5%; bottom:9%; width:108px; height:86px; background:#69d7cc; mask:url("/wildflowers.svg") center/contain no-repeat; opacity:.45; pointer-events:none; }
@media(max-width:700px) { .hero-art::after { width:74px; height:62px; right:7%; bottom:10%; opacity:.4; } }

:root[data-theme=dark] :is(.case-foot button:not(.secondary),[data-case-renew],#start-investigations,#approve-case-selection,form>button:not(.secondary),.toolbar>button:not(.secondary)) { background-color:#43e5d5; color:#06353d; border-color:#57dccf; }