/* Djervil — støvet grøn. Fælles tema, indlæses efter sidens egne styles. */
:root {
  --ink: #203329;
  --link: #111111;
  --blue: var(--link); /* Kompatibilitet med sidernes eksisterende styles. */
  --line: #d5ded3;
  --muted: #536457;
  --green: #526b59;
  --green-dark: #3e5545;
  --green-light: #e8eee5;
}
body { background: #f2f5f1; color: var(--ink); }
a { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
a.listing-title { color: var(--blue); text-decoration: underline; }
.eyebrow { color: var(--green); }
.muted, .hint, .meta, .note { color: var(--muted); }
.search { background: var(--green); }
.search .field label { color: #fff; }
button, a.primary-link, .actions a.primary {
  background: var(--green); border-color: var(--green); color: #fff;
}
button:hover, a.primary-link:hover, .actions a.primary:hover {
  background: var(--green-dark); border-color: var(--green-dark); color: #fff;
}
.search button { background: #fff; border-color: #fff; color: var(--green-dark); }
.search button:hover { background: var(--green-light); border-color: var(--green-light); color: var(--green-dark); }
.mine button, .logout button { background: #fff; color: var(--green-dark); border-color: var(--green); }
.mine button:hover, .logout button:hover { background: var(--green-light); color: var(--green-dark); }
.record button { background: #fff; color: #8d1929; border-color: #c57e83; }
.record button:hover { background: #fff0f0; color: #8d1929; border-color: #8d1929; }
.record button.reopen { color: var(--green-dark); border-color: var(--green); }
.record button.reopen:hover { background: var(--green-light); }
.sale-switch .sale-radio:checked + label,
.tabs a[aria-current="page"], .admin-tabs a[aria-current="page"],
.account-links a[aria-current="page"] {
  background: var(--green); color: #fff; border-color: var(--green);
}
input, select, textarea, .panel textarea, .compose textarea { border-color: #8b9e8f; color: var(--ink); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--green); }
.sale-switch label, #clothing-fields, #auction-fields { border-color: var(--line); }
.card, .panel, .account-card, .empty, .stat, .record, .mine article,
.bubble, .admin-search { border-color: var(--line); }
.editor .panel, .account-card, .empty { border-top-color: var(--green); }
main > section, main > section.card { border-top-color: var(--green); }
.badge:not(.auction):not(.unsold), .success {
  background: var(--green-light); color: #344c3b;
}
.notice, .bubble.own { background: var(--green-light); border-color: #bccdbb; color: var(--ink); }
.listing-photo, .own-photo { background: #f2f5f1; }
footer, header, .masthead, .djervil-brandbar { border-color: var(--line); }
footer { color: var(--muted); }
a.conversation-link { color: var(--ink); }
a.conversation-link h2 { color: var(--blue); }
a.conversation-link:hover { background: #f5f8f3; border-color: var(--green); }
/* Tydeligt tastaturfokus. */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
a.conversation-link:focus-visible, .sale-radio:focus-visible + label {
  outline: 3px solid var(--blue); outline-offset: 4px;
}

/* Almindelige navigationslinks bevarer en tydelig understregning. */
.account-links a, .admin-tabs a, .tabs a, .pagination a, .actions a, a.refresh { text-decoration: underline; text-underline-offset: 3px; }
/* Handlingsknapper og logo følger fortsat deres eget udtryk. */
a.primary-link, .actions a.primary, a.brand { text-decoration: none; }