:root {
    /* The "Vellum" Palette */
    --bg-paper: #f4f1ea;       /* Slightly textured beige */
    --ink-charcoal: #332f2e;   /* Faded black ink */
    --accent-rust: #8b4513;    /* Old leather/rust for links */
    --border-parchment: #e0d8c3;
    --code-bg: #ede9df;
    --pagefind-ui-primary: #8b4513;   /* Leather */
    --pagefind-ui-text: #332f2e;      /* Ink */
    --pagefind-ui-background: #fdfaf3; /* Fresh Vellum */
    --pagefind-ui-border: #d2b48c;     /* Tan */
    --pagefind-ui-tag: #e6e0d4;
}

body {
    background-color: var(--bg-paper);
    color: var(--ink-charcoal);
    font-family: 'EB Garamond', serif; /* The "Rune" font */
    line-height: 1.6;
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    /* Subtle grain texture to mimic paper */
    background-image: url("https://www.transparenttextures.com/patterns/sandpaper.png");
}

h1, h2, h3 {
    font-weight: 400;
    color: var(--accent-rust);
    border-bottom: 1px solid var(--border-parchment);
}

a {
    color: var(--accent-rust);
    text-decoration-style: dotted;
    transition: all 0.2s ease;
}

a:hover {
    text-decoration-style: solid;
    background: var(--border-parchment);
}

blockquote {
    font-style: italic;
    border-left: 3px solid var(--accent-rust);
    margin-left: 0;
    padding-left: 20px;
}

code {
    font-family: 'Fira Code', monospace;
    background: var(--code-bg);
    padding: 2px 4px;
    border-radius: 3px;
}

#search { margin-bottom: 2rem; }

#search .pagefind-ui__drawer {
    background-color: #f4f1ea;
    border: 1px solid #d2b48c;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
}

pre, code {
    background: #e9e4d9;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
}