/* First Response: Dark21 palette, local to /help/ via this stylesheet.
   Keep tokens inside main so header and footer retain their own palette. */
html[data-theme="dark"] body {
  background: #000;
  color: #f6f9f9;
}
html[data-theme="dark"] main {
  color-scheme: dark;
  background: #000;
  color: #d0dcda;
  --bg: #000;
  --surface: #050c0c;
  --sunk: #0b1918;
  --line: #294440;
  --line-strong: #567873;
  --ink: #f6f9f9;
  --ink-2: #d0dcda;
  --muted: #b8cbc7;
  --subtle: #adc2bd;
  --accent: #2dd4bf;
  --accent-hover: #5eead4;
  --accent-tint: #0b2925;
  --focus: #5eead4;
  --h1-ink: #f6f9f9;
  --crumb-ink: #b8cbc7;
}
html[data-theme="dark"] main a {
  color: #2dd4bf;
  text-decoration-color: currentColor;
}
html[data-theme="dark"] main a:hover {
  color: #5eead4;
}
html[data-theme="dark"] main :focus-visible {
  outline: 2px solid #5eead4;
  outline-offset: 3px;
}
html[data-theme="dark"] .skip {
  background: #050c0c;
  color: #f6f9f9;
}
/* The picker has its own dark tokens in theme.css. Its filled arrow on
   hover/focus must also stay below the Dark21 surface luminance limit. */
html[data-theme="dark"] .fr-picker {
  --fp-chip-bg-on: #0f766e;
  --fp-chip-ink-on: #fff;
}