html {
  filter: hue-rotate(180deg) !important;
}


/* =========================
   Catppuccin Mocha - Homepage
   https://catppuccin.com/palette/
   ========================= */

:root,
html,
body,
#__next,
* {
  --color-bg: #1e1e2e !important;
  --color-bg-secondary: #181825 !important;
  --color-bg-tertiary: #11111b !important;
  --color-text: #cdd6f4 !important;
  --color-text-secondary: #bac2de !important;
  --color-border: #6c7086 !important;
  --color-accent: #b4befe !important;
}

body {
  background-color: #1e1e2e !important;
  color: #cdd6f4 !important;
}


/* Page background */
html,
body,
#__next {
  background-color: var(--ctp-base) !important;
  color: var(--ctp-text) !important;
}

/* Top bar */
header {
  background-color: var(--ctp-mantle) !important;
  border-bottom: 1px solid var(--ctp-overlay0) !important;
}

/* Section headers */
h1,
h2,
h3 {
  color: var(--ctp-text) !important;
}

/* Cards (services, widgets, bookmarks) */
div[class*="card"],
div[class*="widget"],
div[class*="service"] {
  background-color: var(--ctp-mantle) !important;
  border: 1px solid var(--ctp-overlay0) !important;
  color: var(--ctp-text) !important;
}

/* Card hover */
div[class*="card"]:hover {
  background-color: var(--ctp-base) !important;
  border-color: var(--ctp-overlay1) !important;
}

/* Links */
a {
  color: var(--ctp-lavender) !important;
}

a:hover {
  color: var(--ctp-mauve) !important;
}

/* Descriptions / muted text */
p,
span,
small {
  color: var(--ctp-subtext1) !important;
}

/* Icons */
svg {
  color: var(--ctp-lavender) !important;
}