/* SummSing: gemeinsame Markenfarben nach Desktop-, Handy- und Formularregeln. */
:root{
  --ground:#09090b;--surface:#131315;--surface-2:#1d1d20;--surface-3:#29292d;
  --surface-fest:#131315;--card:var(--surface);
  --hairline:#2c2c30;--hairline-2:#414146;--line:var(--hairline);
  --ink:#f5f5f5;--ink-2:#c5c5cb;--ink-3:#96969d;--muted:var(--ink-2);
  --mond:#ffd400;--mond-tief:#c5a400;--mond-hell:#ffe36b;--mond-schrift:#101012;
  --accent:var(--mond);--accent-ink:var(--mond-schrift);
  --blau:var(--mond);--blau-tief:var(--mond-tief);--blau-hell:var(--mond-hell);
  --gruen:var(--mond);--gruen-tief:var(--mond-tief);--gruen-hover:var(--mond-hell);
  --preis:#ffd400;--wahl-grund:#ffd400;--wahl-schrift:#101012;
}
nav,body nav,.handy-leiste{background:#0b0b0c!important}
.brand-wort{color:var(--mond);letter-spacing:-.035em}
.brand-wordmark{display:block;width:140px;height:24px;object-fit:contain}
@media(max-width:760px){.brand-wordmark{width:112px;height:20px}}
.brand-beta{background:var(--mond)!important;color:var(--mond-schrift)!important}
.btn.primary,.am-knopf,.chat-schalter{color:var(--mond-schrift)!important}
.sort-wahl .am-knopf{color:var(--ink)!important}
.wie-frage,.es-haken{color:var(--mond-schrift)!important}
@media(max-width:760px){.wie-link{color:var(--mond-schrift)!important;box-shadow:none!important}}
/* Raritaet bleibt am Farbstreifen erkennbar, die grosse Bildflaeche ist neutral. */
.markt-raster .marktkarte .bild,.item:not(.marktkarte) .bild{background:var(--surface-2)!important}
body::before,body::after,.orb{display:none!important}
/* Die Beta-Einladung hat ein eigenes Layout ohne base.html. */
body:has(.moon-logo){background:var(--ground)!important;color:var(--ink);overflow:auto}
body:has(.moon-logo) .card{background:var(--surface)!important;border:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.moon-logo{filter:none!important;width:96px;height:96px}
body:has(.moon-logo) .brand{color:var(--mond)}
body:has(.moon-logo) .brand-wordmark{width:min(240px,100%);height:auto;margin:0 auto 22px}
body:has(.moon-logo) p,body:has(.moon-logo) .small{color:var(--ink-2)}
body:has(.moon-logo) button{background:var(--mond);color:var(--mond-schrift);box-shadow:none}
body:has(.moon-logo) input{background:var(--surface-2);color:var(--ink);border-color:var(--hairline-2)}
body:has(.moon-logo) input:focus{border-color:var(--mond);box-shadow:0 0 0 3px #ffd40033}
body:has(.moon-logo) .login-link{background:var(--surface-2);border-color:var(--hairline-2);color:var(--ink)}