/* Catppuccin Mocha Theme Override */
:root {
    /* Light mode - Catppuccin Latte */
    --theme: #eff1f5 !important;
    --entry: #e6e9ef !important;
    --primary: #4c4f69 !important;
    --secondary: #6c6f85 !important;
    --tertiary: #ccd4da !important;
    --content: #4c4f69 !important;
    --code-block-bg: #ccd4da !important;
    --code-bg: #dce0e8 !important;
    --border: #ccd6f4 !important;
    color-scheme: light;
}

:root[data-theme="dark"] {
    /* Catppuccin Mocha Dark */
    --theme: #1e1e2e !important;
    --entry: #313244 !important;
    --primary: #cdd6f4 !important;
    --secondary: #a6adc8 !important;
    --tertiary: #45475a !important;
    --content: #cdd6f4 !important;
    --code-block-bg: #313244 !important;
    --code-bg: #45475a !important;
    --border: #585b70 !important;
    color-scheme: dark;
}

/* Body background */
body, .main, .list {
    background-color: var(--theme) !important;
}

/* Post entries */
/*.post-entry, .first-entry {
    background-color: var(--entry) !important;
}*/

/* Header */
.site-header, .header {
    border-bottom-color: var(--border) !important;
}

/* Footer */
.site-footer {
    background-color: var(--entry) !important;
    border-top-color: var(--border) !important;
}

/* Text colors */
.post-content, .entry-content, p, li {
    color: var(--content) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary) !important;
}

/* Links */
a {
    color: #89b4fa !important;
}

a:hover {
    color: #b4befe !important;
}

/* Active nav */
.active, .top-nav-link:hover, .side-nav-link:hover {
    color: #89b4fa !important;
}

/* Theme toggle */
#theme-toggle {
    color: var(--primary) !important;
}

#theme-toggle:hover {
    color: #f9e2af !important;
}

/* Code blocks */
pre, code, .hljs {
    background-color: var(--code-block-bg) !important;
}

:not(pre) > code {
    background-color: var(--code-bg) !important;
    color: #f38ba8 !important;
}

/* Tags */
.tag, .category {
    background-color: var(--code-bg) !important;
    border-color: var(--border) !important;
}

/* Search */
.search-form {
    background-color: var(--code-bg) !important;
}

/* Table */
table th {
    background-color: var(--code-bg) !important;
    border-color: var(--border) !important;
}

table td {
    border-color: var(--border) !important;
}

/* Blockquote */
blockquote {
    border-left-color: #f38ba8 !important;
    color: var(--secondary) !important;
}

/* First letter */
.firstletter {
    color: #f38ba8 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    background: var(--theme) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--tertiary) !important;
}

/* Selection */
::selection {
    background-color: #89b4fa !important;
    color: #1e1e2e !important;
}

/* Top link */
.top-link {
    background-color: var(--entry) !important;
    border-color: var(--border) !important;
}

/* Logo */
.logo a {
    color: var(--primary) !important;
}

/* Menu */
.menu a {
    color: var(--primary) !important;
}

/* Social icons */
.social-icons a {
    color: var(--secondary) !important;
}

/* Post info */
.post-info, .entry-footer {
    color: var(--secondary) !important;
}

/* Date, meta text */
time, .date, .meta {
    color: var(--secondary) !important;
}

/* Profile mode */
.profile-img {
    border-color: var(--border) !important;
}

/* Main container border */
.main {
    border-color: var(--border) !important;
}