.kpress,
.kpress-page-main,
.kpress-tooltip,
:root[data-kpress-resolved-theme="light"] .kpress,
:root[data-kpress-resolved-theme="light"] .kpress-page-main,
:root[data-kpress-resolved-theme="light"] .kpress-tooltip {
  color-scheme: light;
  --kpress-doc-bg: var(--kpress-host-bg, #ffffff);
  --kpress-doc-text: var(--kpress-host-text, #111827);
  --kpress-doc-muted: var(--kpress-host-muted, #5b6472);
  --kpress-doc-border: var(--kpress-host-border, #d8dee8);
  --kpress-doc-link: var(--kpress-host-link, #0756a5);
  --kpress-doc-code-bg: var(--kpress-host-code-bg, #f6f8fb);
  --color-bg: var(--kpress-doc-bg);
  --color-bg-solid: var(--kpress-doc-bg);
  --color-bg-alt: var(--kpress-doc-code-bg);
  --color-bg-alt-solid: var(--kpress-doc-code-bg);
  --color-bg-meta-solid: var(--kpress-doc-code-bg);
  --color-bg-selected: color-mix(in srgb, var(--kpress-doc-link) 10%, transparent);
  --color-text: var(--kpress-doc-text);
  --color-primary: var(--kpress-doc-link);
  --color-primary-light: color-mix(in srgb, var(--kpress-doc-link) 72%, white);
  --color-secondary: var(--kpress-doc-muted);
  --color-hint: var(--kpress-doc-muted);
  --color-hint-strong: var(--kpress-doc-muted);
  --color-hint-gentle: var(--kpress-doc-border);
  --color-border-hint: var(--kpress-doc-border);
  --color-hover-bg: color-mix(in srgb, var(--kpress-doc-link) 8%, transparent);
  --color-hover: var(--kpress-doc-border);
  --color-selection: color-mix(in srgb, var(--kpress-doc-link) 18%, transparent);
  --color-scrollbar: color-mix(in srgb, var(--kpress-doc-muted) 45%, transparent);
  --color-scrollbar-hover: color-mix(in srgb, var(--kpress-doc-muted) 70%, transparent);
  --color-success: #15803d;
}