/* THIS FILE IS AUTO-GENERATED. DO NOT EDIT. CONTENTS CAN BE CHANGED IN YOUR THEME CONFIG. */

@media (prefers-color-scheme: dark) {
  :is(:root, :host) {
    --body-bg-color: var(--color-neutral-900);
    --body-fg-color: var(--color-neutral-0);
    --button-bg-color: var(--color-neutral-800);
    --button-border-color: var(--color-neutral-800);
    --button-fg-color: var(--color-neutral-800-alt);
    --button-active-fg-color: var(--color-neutral-800);
    --button-active-border-color: var(--color-neutral-800);
    --button-active-bg-color: var(--color-neutral-700);
    --button-disabled-bg-color: var(--color-neutral-300);
    --button-disabled-border-color: var(--color-neutral-300);
    --button-disabled-fg-color: var(--color-neutral-400);
    --button-focus-bg-color: var(--color-neutral-800);
    --button-focus-border-color: var(--color-neutral-800);
    --button-focus-fg-color: var(--color-neutral-800-alt);
    --button-hover-bg-color: var(--color-neutral-700);
    --button-hover-border-color: var(--color-neutral-800);
    --button-hover-fg-color: var(--color-neutral-700-alt);
    --form-control-bg-color: var(--color-neutral-800);
    --form-control-fg-color: var(--color-neutral-0);
    --form-control-disabled-bg-color: var(--color-neutral-700);
    --form-control-disabled-border-color: var(--color-neutral-400);
    --form-control-disabled-fg-color: var(--color-neutral-400);
    --form-control-disabled-placeholder-color: var(--color-neutral-300);
    --form-control-invalid-bg-color: var(--color-neutral-800);
    --form-control-invalid-border-color: var(--color-danger-300);
    --form-control-invalid-fg-color: var(--color-danger-300);
    --form-control-invalid-message-fg-color: var(--color-danger-300);
    --form-control-focus-bg-color: var(--color-neutral-800);
    --form-control-focus-border-color: var(--color-primary-200);
    --form-control-focus-fg-color: var(--color-neutral-0);
    --form-control-help-text-fg-color: var(--color-neutral-200);
    --form-control-label-fg-color: var(--color-neutral-0);
    --link-fg-color: var(--color-primary-200);
    --link-active-fg-color: var(--color-primary-400);
    --link-hover-fg-color: var(--color-primary-300);
    --link-focus-fg-color: var(--color-primary-200);
    --link-visited-fg-color: var(--color-primary-400);
    --link-disabled-fg-color: var(--color-neutral-400);
    --focus-outline-color: var(--color-primary-200);
    --nav-bg-color: var(--color-neutral-900);
    --card-bg-color: var(--color-neutral-900);
    --card-border-color: var(--color-neutral-700);
    --button-accent-bg-color: var(--color-primary-600);
    --button-accent-fg-color: var(--color-neutral-0);
    --button-accent-hover-bg-color: var(--color-primary-500);
    --alert-bg-color: var(--color-neutral-800);
    --alert-fg-color: var(--color-neutral-0);
    --avatar-bg-color: var(--color-neutral-700);
    --avatar-fg-color: var(--color-neutral-0);
    --checkbox-bg-color: var(--color-neutral-800);
    --checkbox-border-color: var(--color-neutral-800);
    --checkbox-fg-color: var(--color-neutral-0);
    --checkbox-fg-color-checked: var(--color-neutral-0);
    --divider-bg-color: var(--color-neutral-700);
    --divider-fg-color: var(--color-neutral-0);
    --spinner-label-color: var(--color-neutral-0);
    --search-bg-color: var(--color-neutral-800);
    --search-border-color: var(--color-neutral-800);
    --search-fg-color: var(--color-neutral-0);
    --search-placeholder-color: var(--color-neutral-500);
    --site-title-fg-color: var(--color-primary-200);
    --theme-select-bg-color: var(--color-neutral-700);
    --theme-select-fg-color: var(--color-neutral-200);
    --theme-select-hover-border-color: var(--color-neutral-200);
    --theme-select-border-color: var(--color-neutral-600);
    --header-divider-color: var(--color-neutral-700);
    --sidebar-text-color: var(--color-neutral-200);
    --sidebar-bg-color: var(--color-primary-900);
    --sidebar-fg-color: var(--color-primary-500);
    --sidebar-selected-bg-color: var(--color-primary-50);
    --sidebar-selected-fg-color: var(--color-primary-800);
    --sidebar-hover-bg-color: var(--color-primary-100);
    --sidebar-hover-fg-color: var(--color-primary-700);
    --code-bubble-border-color: var(--color-neutral-600);
    --code-bubble-button-border-color: var(--color-neutral-600);
    --code-bubble-button-hover-border-color: var(--color-neutral-500);
    --code-bubble-copy-button-border-color: var(--color-neutral-600);
    --code-bubble-copy-button-hover-border-color: var(--color-neutral-500);
    --skip-to-content-bg-color: var(--color-neutral-200);
    --skip-to-content-fg-color: var(--color-neutral-1000);
    --skip-to-content-hover-bg-color: var(--color-neutral-300);
    --skip-to-content-hover-fg-color: var(--color-neutral-1000);
    --toc-link-color: var(--color-neutral-300);
  }
}