/**
 * Snutig brand theme for the widget.
 *
 * Brand:
 *   primary  #99b596   (sage green)
 *   surface  #000000   (black)
 *   text     #ffffff   (white)
 *
 */
.snutig-captcha {
  display: inline-block;
  max-width: 100%;

  /* Brand tokens — reuse these if you embed the widget elsewhere. */
  --snutig-primary: #99b596;
  --snutig-primary-soft: rgba(153, 181, 150, 0.18);
  --snutig-bg: #000000;
  --snutig-fg: #ffffff;
  --snutig-fg-dim: rgba(255, 255, 255, 0.55);
  --snutig-border: rgba(255, 255, 255, 0.12);
  --snutig-error: #d97171;
  --snutig-error-soft: rgba(217, 113, 113, 0.3);

  /* Cap widget surfaces */
  --cap-background: var(--snutig-bg);
  --cap-color: var(--snutig-fg);
  --cap-border-color: var(--snutig-border);
  --cap-border-radius: 12px;
  --cap-widget-padding: 14px 18px;
  --cap-gap: 12px;
  --cap-font: inherit;

  /* Checkbox */
  --cap-checkbox-background: transparent;
  --cap-checkbox-border: 1.5px solid var(--snutig-primary);
  --cap-checkbox-border-radius: 4px;
  --cap-checkbox-size: 20px;

  /* Checkmark + cross drawn in brand colors (background sits over the dark widget). */
  --cap-checkmark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2399b596' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 12 10 18 20 6'/></svg>");
  --cap-error-cross: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d97171' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='6' y1='18' x2='18' y2='6'/></svg>");

  /* Spinner during solving */
  --cap-spinner-color: var(--snutig-primary);
  --cap-spinner-background-color: var(--snutig-primary-soft);
  --cap-spinner-thickness: 2px;

  /* Focus + auxiliary */
  --cap-focus-ring: var(--snutig-primary);
  --cap-troubleshoot-color: var(--snutig-fg-dim);

  /* Invalid state */
  --cap-invalid-border-color: var(--snutig-error);
  --cap-invalid-ring-color: var(--snutig-error-soft);
}