:root {
    --bg: #111018;
    --text: #f2eefc;

    --accent: #ff3df5;
    --accent-dark: #cc00c1;
    --accent-light: #ff9df9;

    --sec: #4df3ff;
    --sec-dark: #00cfdd;
    --sec-light: #a2f8ff;

    --border: #2a2740;
    --border-bright: #5f56a8;
    --muted: #b7b3d1;
    --muted-light: #8884a9;

    --thumb-bg: #2b2448;

    --code-bg: #1a0f2d;
    --code-fg: #ffeefe;
    --code-border: #432c69;


    --calendar-bg: #1c1a27;
    --calendar-empty-bg: #2a2838;
}

body {
    background: var(--bg);
    color: var(--text);
}

a {
    color: var(--accent);
    transition: 0.2s ease;
}
a:hover {
    color: var(--sec);
    text-shadow: 0 0 6px var(--sec-light);
}

pre {
    background: var(--code-bg);
    color: var(--code-fg);
    border: 1px solid var(--code-border);
    box-shadow: 0 0 10px #000 inset;
}

.sidebar {
    border-left: 2px solid var(--border-bright);
}
@media (max-width: 800px) {
    .sidebar {
        border-top: 2px solid var(--border-bright);
    }
    .sidebar-top {
        border-bottom: 2px solid var(--border-bright);
    }
}

.post-list-item .item-thumb {
    background: var(--thumb-bg);
    border: 2px solid var(--border-bright);
    transition: 0.25s;
}
.post-list-item .item-thumb:hover {
    transform: scale(1.03);
    border-color: var(--accent);
    box-shadow: 0 0 10px var(--accent);
}

.item-title-author-group .item-title {
    color: var(--accent-light);
    text-shadow: 0 0 6px rgba(255, 61, 245, 0.35);
}
.item-title-author-group .item-author-avatar {
    border-color: var(--accent-dark);
    box-shadow: 0 0 6px var(--accent-dark);
}

.post-list-item .item-description {
    color: var(--muted);
}

.item-extra-group .item-date {
    color: var(--muted-light);
    opacity: 0.8;
}
.item-extra-group .item-column {
    color: var(--sec-light);
}

.month-nav a {
    color: var(--accent-light);
    padding: 0 0.5em;
    transition: 0.2s;
}
.month-nav a:hover {
    color: var(--sec);
    text-shadow: 0 0 8px var(--sec);
}

.year-calendar td {
    background: var(--calendar-bg);
    border-color: var(--border);
    color: var(--text);
    transition: 0.2s;
}
.year-calendar td:hover {
    background: #262338;
    border-color: var(--accent);
    box-shadow: 0 0 10px var(--accent-dark) inset;
}
.year-calendar .month-cell.empty {
    background: var(--calendar-empty-bg);
    color: var(--muted-light);
}

.year-calendar .month-name {
    color: var(--accent-light);
    font-weight: 700;
}
.year-calendar .month-count {
    color: var(--muted);
}
.year-calendar .mute {
    color: var(--muted-light);
}

.month-calendar .has-post {
    color: var(--accent);
    text-shadow: 0 0 6px var(--accent);
}

.author-info-avatar {
    background: var(--border-bright);
    box-shadow: 0 0 10px var(--border-bright);
}
.author-info-text {
    color: var(--text);
}
.author-info-description {
    color: var(--muted);
}
.author-info-site {
    color: var(--sec-light);
}

.post-detail-meta-container {
    color: var(--text);
}

.comments-container {
    border-top: 2px solid var(--accent-dark);
    box-shadow: 0 -4px 10px rgba(255, 61, 245, 0.3);
}

.author-list .author-description {
    color: var(--muted);
}
.author-list .author-name {
    color: var(--accent-light);
}
.author-list .author-avatar img {
    border: 2px solid var(--accent-dark);
    box-shadow: 0 0 8px var(--accent);
}