/* Login opts into the existing shared appearance preference. No workspace/focus overrides. */
body.peony-entry-appearance,
.peony-entry-appearance .peony-auth {
  --ink: #282725;
  --muted: #625d55;
  --paper: #fffdfa;
  --ivory: #f4f1eb;
  --line: #dfd9cf;
  --gold-dark: #765b3f;
  --green: #355d43;
  --danger: #8c3029;
  --entry-control-line: #837666;
  --entry-error-paper: #fff0ed;
  --entry-info-paper: #edf7f1;
  --entry-shadow: 0 24px 70px #28272518;
  color-scheme: light;
  color: var(--ink);
  background: var(--ivory);
}
html[data-peony-theme=dark] body.peony-entry-appearance,
html[data-peony-theme=dark] .peony-entry-appearance .peony-auth {
  --ink: #eeeae2;
  --muted: #c2bdb3;
  --paper: #222a27;
  --ivory: #171e1b;
  --line: #46514a;
  --gold-dark: #dbbf91;
  --green: #9bc6aa;
  --danger: #ffc1b8;
  --entry-control-line: #a09686;
  --entry-error-paper: #462c29;
  --entry-info-paper: #203e2e;
  --entry-shadow: 0 24px 70px #0005;
  color-scheme: dark;
}
.peony-entry-appearance .peony-auth-art { opacity: .06; }
html[data-peony-theme=dark] .peony-entry-appearance .peony-auth-art { opacity: .18; }
.peony-entry-appearance .peony-auth :is(.peony-auth-header,.peony-auth-footer) { border-color: var(--line); }
.peony-entry-appearance .peony-auth :is(.peony-auth-brand,.peony-auth-intro h2,.angel-auth-card,.angel-auth-card-head h1) { color: var(--ink); }
.peony-entry-appearance .peony-auth :is(.peony-auth-brand small,.peony-auth-intro p,.angel-auth-card-head p,.angel-auth-remember,.peony-auth-footer) { color: var(--muted); }
.peony-entry-appearance .peony-auth :is(.peony-auth-intro > span,.angel-auth-eyebrow) { color: var(--gold-dark); }
.peony-entry-appearance .peony-auth .peony-auth-proof span { background: var(--paper); color: var(--muted); border-color: var(--line); }
.peony-entry-appearance .peony-auth :is(.peony-auth-locales,.angel-auth-tabs) { background: var(--ivory); border: 1px solid var(--line); }
.peony-entry-appearance .peony-auth :is(.peony-auth-locales a,.angel-auth-tabs button) { color: var(--ink); }
.peony-entry-appearance .peony-auth :is(.peony-auth-locales a[aria-current=page],.angel-auth-tabs button[aria-selected=true]) { background: var(--ink); color: var(--paper); }
.peony-entry-appearance .peony-auth .angel-auth-tabs button small { color: #4b3415; background: #ead6b5; }
.peony-entry-appearance .peony-auth .peony-auth-panel { background: var(--paper); border-color: var(--line); box-shadow: var(--entry-shadow); }
.peony-entry-appearance .peony-auth .peony-login-card { background: var(--paper); }
.peony-entry-appearance .peony-auth .angel-field input { background: var(--paper); color: var(--ink); border-color: var(--entry-control-line); }
.peony-entry-appearance .peony-auth .angel-field input::placeholder { color: var(--muted); opacity: 1; }
.peony-entry-appearance .peony-auth .angel-field input:focus { border-color: var(--gold-dark); outline: 2px solid var(--gold-dark); outline-offset: 2px; box-shadow: none; }
.peony-entry-appearance .peony-auth :is(a,button,input):focus-visible { outline: 3px solid var(--gold-dark); outline-offset: 3px; }
.peony-entry-appearance .peony-auth .angel-auth-remember input { accent-color: var(--gold-dark); }
.peony-entry-appearance .peony-auth .angel-auth-submit { background: var(--ink); color: var(--paper); border-color: var(--ink); box-shadow: none; }
.peony-entry-appearance .peony-auth .angel-auth-alert-error { color: var(--danger); background: var(--entry-error-paper); border-color: var(--danger); }
.peony-entry-appearance .peony-auth .angel-auth-alert-info { color: var(--green); background: var(--entry-info-paper); border-color: var(--green); }
.peony-entry-appearance .peony-auth .angel-auth-locked { color: var(--ink); background: var(--ivory); border-color: var(--entry-control-line); }
.peony-entry-appearance .peony-auth .angel-auth-locked p { color: var(--muted); }
.peony-entry-appearance .peony-entry-preferences { flex: 1 0 100%; min-width: 0; }
.peony-entry-appearance .peony-entry-theme-options { display: flex; flex-wrap: wrap; gap: 8px; width: fit-content; max-width: 100%; margin: 0; padding: 0; border: 0; }
.peony-entry-appearance .peony-entry-theme-options legend { margin-block-end: 8px; color: var(--ink); font-size: 13px; font-weight: 700; }
.peony-entry-appearance .peony-entry-theme-options label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--entry-control-line); border-radius: 10px; background: var(--paper); color: var(--ink); font-size: 13px; cursor: pointer; }
.peony-entry-appearance .peony-entry-theme-options label:has(:checked) { border-color: var(--gold-dark); box-shadow: inset 0 0 0 1px var(--gold-dark); }
.peony-entry-appearance .peony-entry-theme-options input { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; accent-color: var(--gold-dark); }
.peony-entry-appearance .peony-entry-preferences p { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.peony-entry-appearance .peony-entry-preferences .peony-entry-appearance-feedback { min-height: 1.7em; }
@media (max-width: 520px) {
  .peony-entry-appearance .peony-entry-theme-options { width: 100%; }
  .peony-entry-appearance .peony-entry-theme-options label { flex: 1 1 auto; justify-content: center; padding-inline: 8px; }
}
