/* ============================================================
   Theme Override — Sync colors with mqiu.dev portfolio
   Primary/accent: Klein blue (#002FA7 light, #5B8DEF dark)
   Background:     Pale silver (#FAFAF6 light, #0a0a0a dark)
   ============================================================ */

/* Override desktop-renamer.css root variables */
:root {
  --pale-silver: #FAFAF6;
  --bg-primary: var(--pale-silver);
}

/* Prevent smooth scroll and scroll-padding from causing palette toggle scroll */
html {
  scroll-behavior: auto !important;
  scroll-padding-top: 0 !important;
}

/* Light Mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #002FA7;
  --md-primary-fg-color--light: #1A49BB;
  --md-primary-fg-color--dark: #00258C;
  --md-accent-fg-color: #002FA7;
  --md-accent-fg-color--transparent: rgba(0, 47, 167, 0.15);
  --md-default-bg-color: #FAFAF6;
  --md-typeset-a-color: #002FA7;
  --md-typeset-mark-color: rgba(0, 47, 167, 0.15);
  --md-code-hl-color: #002FA7;
  --md-code-hl-color--light: rgba(0, 47, 167, 0.1);
}

/* Dark Mode */
[data-md-color-scheme="slate"] {
  --bg-primary: #0a0a0a;
  --md-primary-fg-color: #5B8DEF;
  --md-primary-fg-color--light: #7DA4F2;
  --md-primary-fg-color--dark: #4A75CC;
  --md-accent-fg-color: #5B8DEF;
  --md-accent-fg-color--transparent: rgba(91, 141, 239, 0.15);
  --md-default-bg-color: #0a0a0a;
  --md-typeset-a-color: #5B8DEF;
  --md-code-hl-color: #5B8DEF;
  --md-code-hl-color--light: rgba(91, 141, 239, 0.15);
}

/* Selection — Klein blue */
::selection {
  background: #002FA7 !important;
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] ::selection {
  background: #5B8DEF !important;
  color: #ffffff !important;
}

/* Header title: force black/white (overrides desktop-renamer.css !important) */
.md-header__title,
.md-header__title .md-header__ellipsis,
.md-header__title .md-header__topic {
  color: var(--md-default-fg-color) !important;
}

/* Active tab underline indicator — Klein blue */
.md-tabs__item--active {
  border-bottom-color: var(--klein-blue-text);
}

/* Blockquote left border — Klein blue */
.md-typeset blockquote {
  border-left-color: var(--klein-blue-text);
}

/* Prevent palette radio inputs from causing scroll on theme toggle */
.md-option {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  overflow-anchor: none;
  scroll-margin: 0;
}

/* Logo: SVG is white, invert to black in light mode */
.md-logo img {
  filter: brightness(0);
}

[data-md-color-scheme="slate"] .md-logo img {
  filter: none;
}

/* Table background: white in light mode, dark in dark mode */
[data-md-color-scheme="default"] .md-typeset table {
  background-color: #ffffff;
}

/* Disable scroll anchoring during palette switch to prevent scroll-up */
[data-md-color-switching] {
  overflow-anchor: none;
}

/* Disable scroll anchoring in header to prevent palette toggle from scrolling */
.md-header {
  overflow-anchor: none;
}