:root {
    /* Background: Deep Charcoal (#2f2c2d) */
    --background-color: #2f2c2d;

    /* Font Color: Crisp Off-White (#f1eded) */
    --font-color: #f1eded;

    /* Primary/Links: Muted Silver-Gray (#b7b3af) */
    --primary-color: #b7b3af;

    /* Secondary: A slightly darker shade for subtle elements */
    --secondary-color: #7d7a77;

    /* Spacing & Layout */
    --global-space: 10px;
}

/* --- Keep your alignment fixes intact --- */

.container {
    max-width: 1400px;
    padding: 0 20px !important;
}


.site-logo {
    height: 32px;
    width: auto;
    vertical-align: middle;
    display: block;
    /* This filter ensures your logo matches the silver-gray links */
    filter: brightness(0) saturate(100%) invert(84%) sepia(4%) saturate(225%) hue-rotate(349deg) brightness(89%) contrast(83%);
}

/* Optional: Add a subtle underline to links so they stand out in monochrome */
a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

a:hover {
    border-bottom: 1px solid var(--primary-color);
}

.terminal-menu li a {
    color: var(--primary-color);
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.terminal-menu li a:hover {
    opacity: 1;
    text-decoration: underline;
}

.index-content {
    font-family: var(--mono-font-stack);
    line-height: 1.8;
}

/* Ensure the home page text looks like a tight terminal block */
.index-content p {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-family: var(--mono-font-stack); /* Ensures the > symbols align */
}

/* If you stick with the blockquote, this removes the 'quote' styling */
.index-content blockquote {
    border-left: none;
    padding-left: 0;
    margin: 0;
    color: inherit; /* Keeps it the same silver-gray as the rest */
}