/* Fast123 black/white monochrome override.
 * The EZ-Theme Vue dist uses data-v-scoped rules with specificity (0,2,0) for body.dark-theme[data-v-xxx]
 * which beats our plain body.dark-theme (0,1,0). We use high-specificity selectors + !important.
 */

/* === DARK MODE COLORS === */
html body.dark-theme,
html body[class].dark-theme,
html body.dark-theme[class],
body.dark-theme:not([data-notheme]),
body.dark-theme:where([class]) {
  --background-color: #0a0a0a !important;
  --card-background: #161616 !important;
  --card-background-rgb: 22, 22, 22 !important;
  --text-color: rgba(255, 255, 255, 0.92) !important;
  --text-color-rgb: 255, 255, 255 !important;
  --secondary-text-color: rgba(255, 255, 255, 0.55) !important;
  --border-color: rgba(255, 255, 255, 0.1) !important;
  --card-border-color: rgba(255, 255, 255, 0.1) !important;
  --shadow-color: rgba(0, 0, 0, 0.4) !important;
  --theme-color: #ffffff !important;
  --theme-color-rgb: 255, 255, 255 !important;
  --theme-hover-color: rgba(255, 255, 255, 0.85) !important;
  --primary-color-hover: rgba(255, 255, 255, 0.85) !important;
  --card-hover-background: #1f1f1f !important;
  --card-hover-border-color: rgba(255, 255, 255, 0.25) !important;
}

/* === LIGHT MODE COLORS === */
html body,
html body:not(.dark-theme),
body:not(.dark-theme):where([class]) {
  --background-color: #ffffff !important;
  --card-background: #ffffff !important;
  --card-background-rgb: 255, 255, 255 !important;
  --text-color: #1a1a1a !important;
  --text-color-rgb: 26, 26, 26 !important;
  --secondary-text-color: #666666 !important;
  --border-color: #e8e8e8 !important;
  --card-border-color: #e8e8e8 !important;
  --shadow-color: rgba(0, 0, 0, 0.06) !important;
  --theme-color: #000000 !important;
  --theme-color-rgb: 0, 0, 0 !important;
  --theme-hover-color: #1a1a1a !important;
  --primary-color-hover: #1a1a1a !important;
}

body { background-color: var(--background-color) !important; }

/* === WORDMARK === kill the purple gradient on .site-title, replace with solid text-color */
.site-title,
.site-title[data-v-bdb1b374],
[class*="site-title"] {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--theme-color) !important;
}

/* === BACKGROUND DECORATIONS === kill colored circles */
.bg-circle,
[class*="bg-ball"],
[class*="background-decoration"] {
  background: rgba(255,255,255,0.012) !important;
  opacity: 0.5 !important;
}