html[data-wd-enabled="1"] {
  --wd-warning: #d97706;
  --wd-danger: #dc2626;
  --wd-control-size: 40px;
  color-scheme: light;
}

html[data-wd-enabled="1"][data-wd-theme="dark"] {
  --ink-1: #fafbfd;
  --ink-2: #dbe4ef;
  --ink-3: #8fa3bf;
  --ink-4: #8fa3bf;
  --rule: rgba(214, 232, 255, .14);
  --rule-soft: rgba(214, 232, 255, .08);
  --card-bg: #0f1a35;
  --card-bg-alt: #17243d;
  --tint-blue: rgba(59, 158, 255, .12);
  --tint-blue-strong: rgba(59, 158, 255, .22);
  color-scheme: dark;
}

html[data-wd-enabled="1"] body {
  transition: background-color 220ms cubic-bezier(.2, 0, 0, 1), color 160ms cubic-bezier(.2, 0, 0, 1);
}

html[data-wd-enabled="1"][data-wd-theme="dark"] body {
  background: #060b17;
  color: var(--ink-2);
}

html[data-wd-enabled="1"][data-wd-theme="dark"] :is(
  .wd-sidebar,
  .wd-hero-search,
  .wd-card:hover,
  .wd-workflow-num,
  .wd-tool,
  .wd-pager-card:hover,
  .wd-palette-panel
) {
  background: #0f1a35;
  border-color: var(--rule);
  color: var(--ink-2);
}

html[data-wd-enabled="1"][data-wd-theme="dark"] :is(
  .wd-card,
  .wd-pager-card,
  .wd-feedback-form textarea,
  .wd-palette-inputwrap,
  .wd-palette-result
) {
  background: #17243d;
  border-color: var(--rule);
  color: var(--ink-2);
}

html[data-wd-enabled="1"][data-wd-theme="dark"] .wd-callout-warning {
  background: #17243d;
  border-color: var(--wd-warning);
}

html[data-wd-enabled="1"][data-wd-theme="dark"] .wd-callout-warning :is(.wd-callout-icon, .wd-callout-title) {
  color: var(--wd-warning);
}

html[data-wd-enabled="1"] :is(button, a, input, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(59, 158, 255, .38);
  outline-offset: 2px;
}

html[data-wd-enabled="1"] :is(button, input, textarea, .wd-tool, .wd-search-trigger) {
  min-block-size: var(--wd-control-size);
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-wd-enabled="1"] *,
  html[data-wd-enabled="1"] *::before,
  html[data-wd-enabled="1"] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}