:root {
  /* catppuccin palette */
  --rosewater: hsl(11, 59%, 67%) !important;
  --flamingo: hsl(0, 60%, 67%) !important;
  --pink: hsl(316, 73%, 69%) !important;
  --mauve: hsl(266, 85%, 58%) !important;
  --red: hsl(347, 87%, 44%) !important;
  --maroon: hsl(355, 76%, 59%) !important;
  --peach: hsl(22, 99%, 52%) !important;
  --yellow: hsl(35, 77%, 49%) !important;
  --green: hsl(109, 58%, 40%) !important;
  --teal: hsl(183, 74%, 35%) !important;
  --sky: hsl(197, 96%, 46%) !important;
  --sapphire: hsl(189, 70%, 42%) !important;
  --blue: hsl(220, 91%, 54%) !important;
  --lavender: hsl(231, 97%, 72%) !important;
  --text: hsl(234, 16%, 36%) !important;
  --subtext1: hsl(233, 13%, 42%) !important;
  --subtext0: hsl(233, 10%, 47%) !important;
  --overlay2: hsl(232, 10%, 53%) !important;
  --overlay1: hsl(231, 10%, 59%) !important;
  --overlay0: hsl(228, 11%, 65%) !important;
  --surface2: hsl(227, 12%, 71%) !important;
  --surface1: hsl(225, 14%, 77%) !important;
  --surface0: hsl(223, 16%, 83%) !important;
  --base: hsl(220, 23%, 95%) !important;
  --mantle: hsl(220, 22%, 92%) !important;
  --crust: hsl(220, 21%, 89%) !important;
  --theme-color: var(--yellow) !important;
}
.progress {
  background-color: var(--theme-color) !important;
}
input[type="search"] {
  background: var(--mantle) !important;
  border-color: var(--mantle) !important;
  color: var(--subtext2) !important;
}
.search {
  border-color: var(--crust) !important;
}
.search .search-keyword,
.search a:hover {
  color: var(--theme-color) !important;
}
.search .search-keyword {
  color: var(--theme-color) !important;
}
.search .results-panel {
  color: var(--surface2) !important;
}
.search .matching-post {
  border-color: var(--surface0) !important;
}
body {
  color: var(--subtext1) !important;
}
kbd {
  border-color: var(--mantle) !important;
}
.app-nav a {
  color: inherit !important;
}
.app-nav a.active,
.app-nav a:hover {
  color: var(--theme-color) !important;
}
.app-nav a.active {
  border-color: var(--theme-color) !important;
  color: var(--theme-color) !important;
}
.app-nav li ul {
  background-color: var(--text) !important;
  border-color: var(--subtext0) !important;
  border-bottom-color: var(--subtext0) !important;
}
.github-corner svg {
  color: var(--mantle) !important;
  fill: var(--theme-color) !important;
}
.anchor span {
  color: var(--theme-color) !important;
}
.sidebar {
  border-color: var(--surface1) !important;
}
.sidebar > h1 a {
  color: inherit !important;
  color: var(--theme-color) !important;
}
.sidebar li > p {
  color: var(--theme-color) !important;
}
.sidebar::-webkit-scrollbar-thumb {
  background: transparent !important;
}
.sidebar:hover::-webkit-scrollbar-thumb {
  background: var(--subtext1) !important;
}
.sidebar:hover::-webkit-scrollbar-track {
  background: var(--subtext1) !important;
}
.sidebar-toggle {
  background-color: transparent !important;
}
.sidebar-toggle-button {
  background-color: var(--mantle) !important;
}
.sidebar-toggle .sidebar-toggle-button:hover {
  background-color: var(--crust) !important;
}
.sidebar-toggle span {
  background-color: var(--theme-color) !important;
}
.markdown-section hr {
  border-color: var(--subtext1) !important;
}
.markdown-section iframe {
  border-color: var(--subtext1) !important;
}
.markdown-section td,
.markdown-section th {
  border-color: var(--subtext2) !important;
}
.markdown-section tr {
  border-color: var(--subtext1) !important;
}
.markdown-section p.tip,
.markdown-section tr:nth-child(2n) {
  background-color: var(--mantle) !important;
}
.markdown-section p.tip {
  border-color: var(--theme-color) !important;
}
.markdown-section p.tip:before {
  background-color: var(--theme-color) !important;
  color: var(--text) !important;
}
.markdown-section p.tip code {
  background-color: var(--mantle) !important;
}
.markdown-section p.tip em {
  color: var(--subtext2) !important;
}
.markdown-section p.warn {
  background: var(--base) !important;
}
section.cover {
  background: var(--mauve) !important;
}
section.cover.has-mask .mask {
  background-color: var(--text) !important;
}
section.cover .cover-main > p:last-child a {
  border-color: var(--theme-color) !important;
  color: var(--theme-color) !important;
}
section.cover .cover-main > p:last-child a:last-child {
  background-color: var(--theme-color) !important;
  color: var(--subtext1) !important;
}
section.cover .cover-main > p:last-child a:last-child:hover {
  color: var(--subtext1) !important;
}
section.cover blockquote > p > a {
  border-color: var(--theme-color) !important;
}
section.cover blockquote > p > a:hover {
  color: var(--theme-color) !important;
}
.sidebar,
body {
  background-color: var(--base) !important;
}
body.close {
  background-color: var(--base) !important;
}
.sidebar {
  color: var(--surface2) !important;
}
.sidebar ul li a {
  color: var(--text) !important;
}
.sidebar ul li.active > a {
  color: var(--theme-color) !important;
}
.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section strong {
  color: var(--text) !important;
  border-color: var(--surface2);
}
.markdown-section a {
  color: var(--theme-color) !important;
}
.markdown-section blockquote {
  border-color: var(--theme-color) !important;
  color: var(--subtext1) !important;
}
.markdown-section em {
  color: var(--subtext2) !important;
}
.markdown-section code {
  color: var(--text) !important;
}
.markdown-section code,
.markdown-section pre {
  background-color: var(--mantle) !important;
}

.markdown-section pre > code {
  background-color: var(--mantle) !important;
  color: var(--subtext1) !important;
}
pre:after {
  color: var(--subtext1) !important;
}

/* CATPPUCCIN PRISM COLORS */

code[class*="language-"],
pre[class*="language-"] {
  color: var(--text) !important;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: var(--mantle) !important;
}

/* https://prismjs.com/tokens.html */

.token.keyword {
  color: var(--mauve) !important;
}

.token.builtin {
  color: var(--red) !important;
}

.token.class-name {
  color: var(--yellow) !important;
}

.token.function {
  color: var(--blue) !important;
}

.token.boolean,
.token.number {
  color: var(--peach) !important;
}

.token.string,
.token.char {
  color: var(--green) !important;
}

.token.symbol {
  color: var(--yellow) !important;
}

.token.regex {
  color: var(--pink) !important;
}

.token.url {
  color: var(--green) !important;
}

.token.operator {
  color: var(--sky) !important;
}

.token.variable {
  color: var(--text) !important;
}

.token.constant {
  color: var(--peach) !important;
}

.token.property {
  color: var(--blue) !important;
}

.token.punctuation {
  color: var(--overlay2) !important;
}

.token.important {
  color: var(--mauve) !important;
}

.token.comment {
  color: var(--overlay2) !important;
}

.token.tag {
  color: var(--blue) !important;
}

.token.attr-name {
  color: var(--yellow) !important;
}

.token.attr-value {
  color: var(--green) !important;
}

.token.namespace {
  color: var(--yellow) !important;
}

.token.prolog,
.token.doctype {
  color: var(--mauve) !important;
}

.token.cdata {
  color: var(--teal) !important;
}

.token.entity {
  color: var(--red) !important;
}

.token.atrule {
  color: var(--mauve) !important;
}

.token.selector {
  color: var(--blue) !important;
}

/* Diff */

.token.deleted {
  color: var(--red) !important;
}

.token.inserted {
  color: var(--green) !important;
}

/* Other */

.token.important,
.token.bold {
  font-weight: bold !important;
}
.token.italic {
  font-style: italic !important;
}