/**
 * @file
 * GDRFAD CAPTCHA in this theme: the widget follows the page's appearance, not
 * the OS. Loaded through libraries-extend; the module is not edited.
 *
 * "html .x" (0,1,1) beats the module's @media (prefers-color-scheme: dark)
 * .gdrfad-captcha (0,1,0), and still loses to the state rules
 * (.gdrfad-captcha.is-pass .gdrfad-captcha__check, 0,3,0), so pass / fail /
 * error / attention / cooldown keep their colours.
 */

html:where(.gdrfad-dds) .gdrfad-captcha,
.gdrfad-dds-embedded .gdrfad-captcha {
  --lc-bg: var(--surface-surface);
  --lc-fg: var(--surface-on-surface);
  --lc-muted: var(--surface-on-surface-variant);
  --lc-border: var(--field-outline);
  --lc-accent: var(--primary-primary);
  --lc-pass: var(--success-success);
  --lc-fail: var(--error-error);
  --lc-shadow: var(--elevation-1);
  --lc-radius: var(--radius-xs);
  font-family: var(--font-family), system-ui, sans-serif;
}

/* Literal #fff / #2a2f3a in the module. */
html:where(.gdrfad-dds) .gdrfad-captcha__check,
html:where(.gdrfad-dds) .gdrfad-captcha__fallback-audio-btn,
html:where(.gdrfad-dds) .gdrfad-captcha__fallback-input,
.gdrfad-dds-embedded .gdrfad-captcha__check,
.gdrfad-dds-embedded .gdrfad-captcha__fallback-audio-btn,
.gdrfad-dds-embedded .gdrfad-captcha__fallback-input {
  background: var(--surface-surface);
}

/* White on the dark theme's light green fails contrast. */
html:where(.gdrfad-dds) .gdrfad-captcha__check-path,
.gdrfad-dds-embedded .gdrfad-captcha__check-path {
  stroke: var(--success-on-success);
}

html:where(.gdrfad-dds) .gdrfad-captcha__fallback-submit,
.gdrfad-dds-embedded .gdrfad-captcha__fallback-submit {
  color: var(--primary-on-primary);
}

html:where(.gdrfad-dds) .gdrfad-captcha__fallback-submit:focus-visible,
.gdrfad-dds-embedded .gdrfad-captcha__fallback-submit:focus-visible {
  outline-color: var(--primary-on-primary);
}

/* .gdrfad-captcha__fallback-image stays white in both themes: never override
 * it (the code is drawn dark on white). */