:root,
html[data-theme="light"] {
  color-scheme: light;
  --global-base-color: #5f6368;
  --global-base-hover-color: #42464b;
  --global-on-base-color: #ffffff;
  --global-bg-color: #ffffff;
  --global-footer-bg-color: #f7f7f7;
  --global-border-color: #dedede;
  --global-dark-border-color: #b8b8b8;
  --global-code-background-color: #f4f4f4;
  --global-code-text-color: #111111;
  --global-fig-caption-color: #5f6368;
  --global-link-color: #9a4736;
  --global-link-color-hover: #7c382b;
  --global-link-color-visited: #7c382b;
  --global-masthead-link-color: #111111;
  --global-masthead-link-color-hover: #9a4736;
  --global-text-color: #111111;
  --global-text-color-light: #555555;
  --global-thead-color: #f2f2f2;
  --cr-accent: #9a4736;
  --cr-accent-strong: #7c382b;
  --cr-accent-soft: rgba(154, 71, 54, 0.1);
  --cr-warm: #8c6f54;
  --cr-page-bg: #ffffff;
  --cr-card-bg: #ffffff;
  --cr-panel-bg: #f5f5f5;
  --cr-surface: #fafafa;
  --cr-ink-soft: #555555;
  --cr-border: #dedede;
  --cr-border-strong: #8f8f8f;
  --cr-shadow: 0 0 0 0 transparent;
  --cr-shadow-hover: 0 0 0 0 transparent;
  --cr-font-serif: Georgia, "Times New Roman", "Noto Serif SC", serif;
  --cr-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  --cr-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --global-base-color: #b3b3b3;
  --global-base-hover-color: #d0d0d0;
  --global-on-base-color: #000000;
  --global-bg-color: #000000;
  --global-footer-bg-color: #080808;
  --global-border-color: #2f2f2f;
  --global-dark-border-color: #454545;
  --global-code-background-color: #111111;
  --global-code-text-color: #f5f5f5;
  --global-fig-caption-color: #b5b5b5;
  --global-link-color: #d57a62;
  --global-link-color-hover: #ebb19e;
  --global-link-color-visited: #d57a62;
  --global-masthead-link-color: #f5f5f5;
  --global-masthead-link-color-hover: #ebb19e;
  --global-text-color: #f5f5f5;
  --global-text-color-light: #b5b5b5;
  --global-thead-color: #111111;
  --cr-accent: #d57a62;
  --cr-accent-strong: #ebb19e;
  --cr-accent-soft: rgba(213, 122, 98, 0.12);
  --cr-warm: #b6946d;
  --cr-page-bg: #000000;
  --cr-card-bg: #080808;
  --cr-panel-bg: #111111;
  --cr-surface: #080808;
  --cr-ink-soft: #b5b5b5;
  --cr-border: #2f2f2f;
  --cr-border-strong: #666666;
  --cr-shadow: 0 0 0 0 transparent;
  --cr-shadow-hover: 0 0 0 0 transparent;
}

html {
  background: var(--cr-page-bg);
}

:focus-visible {
  outline: 2px solid var(--cr-accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}