:root {
    --article-background-color: #1a0f2a;
    --page-background-color: #0f0a1a;
    --nav-background-color: #05020a;
    --accent-color: #00ff41;

    --link-color-bright: #ba55d3;
    --link-color-side: #32cd32;

    --white: #f0e6ff;
    --black: #000;

    --text-primary: #e6d6ff;
    --text-secondary: #b8a9d6;

    --light-green: #90ff90;
    --dark-purple: #4b0082;
    /* Code block */
    --code-bg: #1a0f2d;
    --code-fg: #ffeefe;
    --code-border: #432c69;

    --subtitle-text-color: var(--light-green);
    --subtitle-stroke-offset: 2px;
    --subtitle-stroke-color: var(--black);
    --subtitle-glow-size: 35px;
    --subtitle-glow-color: var(--link-color-side);
}

/* Global link styles */
.post-content a {
    color: var(--light-green);
    transition: 0.2s ease;
}
.post-content a:hover {
    color: var(--link-color-bright);
    text-shadow: 0 0 16px var(--link-color-side);
}

/* Code blocks */
pre {
    color: var(--code-fg);
    border: 1px solid var(--code-border);
    box-shadow: 0 0 10px #000 inset;
}

body {
    /* background: ur[](https://board.goeshard.org/static/images/background.webp); */
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-attachment: fixed;
    background-color: var(--page-background-color);
    color: var(--text-primary);
}

.sidebar a {
    color: var(--accent-color);
}

.content-sidebar-container {
    gap: 0;
}

article {
    background-color: var(--article-background-color);
    margin: 1em 0em;
    padding: 1em 0.5em;
    border: 3px solid var(--nav-background-color);
    color: var(--text-primary);
}

article .post-content {
    border: 3px solid var(--nav-background-color);
    color: var(--text-primary);
}

article .post-content a {
    color: var(--link-color-bright);
}

.post-list-item .item-thumb {
    margin-left: 10px;
}
.post-list-item:not(:has(.item-thumb)) > .item-main-group {
    margin-left: 10px;
}

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

.post-list-item .item-title {
    color: var(--link-color-side);
}

.post-list-item .item-date {
    color: var(--text-secondary);
}

.post-list-item .item-column a {
    color: var(--accent-color);
}

.post-list-item:hover {
    transform: scale(1.1);
    width: 95%;
    border: 3px solid var(--accent-color);

    background-color: var(--page-background-color);
    cursor: pointer;
}

.sidebar {
    border: 3px solid var(--nav-background-color);
    background-color: var(--page-background-color);
    margin-left: -0.1em;
    padding-right: 0.8em;
    color: var(--text-primary);
}



.sidebar a {
    color: var(--link-color-side);
}

.author-info-description {
    color: var(--text-secondary);
}

.column-links a {
    color: var(--link-color-bright);
    background-color: var(--nav-background-color);
    padding: 0.4em 0.8em;
}

.column-links a:hover {
    color: var(--white);
}

.item-title-author-group .item-author-avatar {
    border: 2px solid var(--accent-color);
}

.post-content > * {
    padding: 0 1.5em;
    color: var(--text-primary);
}

.post-content ul, .post-content ol {
    padding: 0 4.0em;
}

.subtitle-group h2,
.subtitle-group h1 {
    color: var(--subtitle-text-color);
    letter-spacing: 0.12em;
    text-shadow:
    /* stroke */
        var(--subtitle-stroke-offset) 0 var(--subtitle-stroke-color),
        calc(var(--subtitle-stroke-offset) * -1) 0 var(--subtitle-stroke-color),
        0 var(--subtitle-stroke-offset) var(--subtitle-stroke-color),
        0 calc(var(--subtitle-stroke-offset) * -1) var(--subtitle-stroke-color),
        calc(var(--subtitle-stroke-offset) * 0.7) calc(var(--subtitle-stroke-offset) * 0.7) var(--subtitle-stroke-color),
        calc(var(--subtitle-stroke-offset) * -0.7) calc(var(--subtitle-stroke-offset) * 0.7) var(--subtitle-stroke-color),
        calc(var(--subtitle-stroke-offset) * 0.7) calc(var(--subtitle-stroke-offset) * -0.7) var(--subtitle-stroke-color),
        calc(var(--subtitle-stroke-offset) * -0.7) calc(var(--subtitle-stroke-offset) * -0.7) var(--subtitle-stroke-color),
    /* glow */
        0 0 calc(var(--subtitle-glow-size) * 0.3) var(--subtitle-glow-color),
        0 0 calc(var(--subtitle-glow-size) * 0.6) var(--subtitle-glow-color),
        0 0 calc(var(--subtitle-glow-size) * 1)   var(--subtitle-glow-color);
}

.comments-container {
    border: 6px dashed var(--nav-background-color);
    padding: 0.1em 1em;
    background-color: var(--code-bg);
    color: var(--light-green);
}

.comments-container button {
    color: var(--accent-color)!important;
}

footer p {
    color: var(--text-secondary);
}