body {
    font-family: 'Fira Sans', sans-serif;
}

/* Layout & Sticky Footer */
.content {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 16px);
}
main { flex: 1; }

/* Theme Overrides (Colors) */
:root {
    --color-primary-dark: rgb(219,65,5);
    --color-primary-hover-dark: rgb(219,65,5);
    --color-border-dark: rgb(128,128,128);
    --color-background-draft-dark: rgb(128,128,128);
}

/* HR: Simplified override using currentColor */
hr {
    border: 0;
    border-block-start: 3px dotted currentColor;
    margin-block: 2rem;
    color: inherit;
    opacity: 1;
}

/* List Item Styling (Clean reset & spacing) */
ul.posts { padding-left: 0; margin-top: 0; }
ul.posts li.post {
    list-style: none;
    margin-bottom: 1.5rem;
    text-indent: 0;
}
ul.posts li.post::before { content: none; }



@media (prefers-color-scheme: dark) {
    .list-item-description {
        color: var(--color-text-muted-dark, #dddddd);
    }
}

/* Consistent Spacing */
main h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.site-description {
    margin-bottom: 2rem;
    display: block;
}

header {
    margin-bottom: 0;
}

/* Remove margins from paragraphs in the About Me section */
.site-description p {
    margin-top: 0;
    margin-bottom: 0;
}

/* Styling for post date in title */
.post-date {
    font-size: 0.8em;
    color: var(--color-text-muted, #737373);
    margin-left: 0.5rem;
}