/* KB Sites identity, 23 October 2026. Opt in only on KB-owned pages.
   Customer websites, product photographs and unverified profile uploads keep their colors. */
body.kb-identity-neutral {
  color-scheme: dark;
  --bg: #0c0c0c;
  --bg-soft: #121212;
  --card: #1b1b1b;
  --surface: #1b1b1b;
  --surface-2: #292929;
  --line: #484848;
  --border: #484848;
  --field-border: #7f7f7f;
  --ink: #e8e8e8;
  --fg: #e8e8e8;
  --muted: #bcbcbc;
  --gold: #e6e6e6;
  --gold-lt: #fafafa;
  --gold-dk: #ababab;
  --accent: #e8e8e8;
  --accent-ink: #111111;
  --accent-hover: #ffffff;
  --accent-soft: #343434;
  --grad: linear-gradient(115deg, #ffffff 0%, #dedede 54%, #b7b7b7 100%);
  background-color: var(--bg);
  color: var(--fg);
  scrollbar-color: #686868 var(--bg);
}
body.kb-request-neutral { --gold: var(--grad); }
.kb-identity-neutral :is(h1, h2) { color: #fafafa; }
.kb-identity-neutral h3 { color: #e8e8e8; }
.kb-identity-neutral :focus-visible { outline-color: #eeeeee; }
.kb-identity-neutral .acct-av { color: #111111; border-color: #8b8b8b; }
.kb-identity-neutral :is(.input, .textarea, input[type="email"]) { border-color: var(--field-border); }
.kb-identity-neutral :is(.input, .textarea, input[type="email"])::placeholder { color: #9b9b9b; opacity: 1; }

/* The whitelist covers studio artwork and rank badges only. No blanket image or avatar rule. */
.kb-identity-neutral img:is(
  [src^="/fotos/kbsites-wordmark."], [src^="fotos/kbsites-wordmark."],
  [src^="/fotos/logo-dashboard."], [src^="fotos/logo-dashboard."],
  [src^="/fotos/logo-account."], [src^="fotos/logo-account."],
  [src^="/fotos/wordmark."], [src^="fotos/wordmark."],
  [src^="/fotos/logo-silver.jpg"], [src^="fotos/logo.jpg"],
  [src^="/fotos/bronze.jpg"], [src^="/fotos/silver.jpg"],
  [src^="/fotos/gold.jpg"], [src^="/fotos/platinum.jpg"],
  [src="/account/avatars/7.jpg"], [src^="/account/avatars/7.jpg?"],
  [src="/account/avatars/34.jpg"], [src^="/account/avatars/34.jpg?"]
) { filter: grayscale(1); }
@media (prefers-contrast: more) {
  body.kb-identity-neutral { --border: #858585; --line: #858585; --field-border: #ababab; --muted: #d0d0d0; }
}

/* Only the two new KB brand exports use a black matte. Screen joins that matte
   to the studio's dark surfaces without changing product or profile images. */
.kb-identity-neutral img:is(
  [src^="/fotos/kbsites-wordmark-silver."], [src^="fotos/kbsites-wordmark-silver."],
  [src^="/fotos/logo-dashboard-silver."], [src^="fotos/logo-dashboard-silver."]
) { mix-blend-mode: screen; }