/* ScriptureJot - Ancient Artifacts & Biblical Manuscripts Theme */
/* Colors drawn from: sandstone inscriptions, Dead Sea Scrolls blue,
   limestone tablets, papyrus ostraca, cuneiform clay */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+Hebrew:wght@400;700&display=swap");

:root {
    /* From sandstone inscriptions */
    --sand: #C4A882;
    --sand-light: #E8D5B7;
    --sand-dark: #8B7355;
    
    /* From Dead Sea Scrolls / manuscript blue */
    --manuscript-blue: #2C4A6E;
    --manuscript-blue-light: #3D6B99;
    
    /* From limestone/clay tablets */
    --stone: #9E9589;
    --stone-light: #D4CEC6;
    --stone-dark: #5C534A;
    
    /* From ancient ink / carbon */
    --ink: #1A1612;
    --ink-brown: #3D2B1F;
    
    /* From gold leaf / gilding */
    --gold: #B8860B;
    --gold-bright: #DAA520;
    
    /* From papyrus */
    --papyrus: #F5ECD7;
    --papyrus-aged: #E8DCC8;
    
    /* Functional */
    --text: #2C2418;
    --text-secondary: #5C534A;
    --bg: #FDFBF8;
    --border: #DDD5C8;
}

/* Base */
body {
    background: var(--bg) !important;
    color: var(--text) !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 1.1rem;
    line-height: 1.75;
}

/* Header - white with gold accent, scholarly feel */
.site-header,
.main-header {
    background: var(--bg) !important;
    border-bottom: 3px solid var(--gold) !important;
    box-shadow: none !important;
    padding: 1.5rem 0;
}

.site-title,
.blog-title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    color: var(--gold) !important;
    font-weight: 600 !important;
    font-size: 2.2rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.site-description {
    color: var(--manuscript-blue) !important;
    font-family: "EB Garamond", serif !important;
    font-style: italic;
}

/* Navigation */
.nav a,
.main-nav a {
    color: var(--manuscript-blue) !important;
    font-family: "EB Garamond", serif !important;
    font-size: 1rem;
    font-weight: 500;
}
.nav a:hover,
.main-nav a:hover {
    color: var(--gold) !important;
}

/* Post Grid Cards */
.post-card,
.post-item {
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    border-radius: 2px !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.post-card:hover {
    box-shadow: 0 6px 20px rgba(44,26,18,0.12) !important;
    transform: translateY(-2px);
}

/* Post card images - full bleed */
.post-card-image {
    border-bottom: 2px solid var(--sand);
}

/* Post titles - dark ink on papyrus */
.post-title,
.post-card-title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    color: var(--ink-brown) !important;
    font-weight: 600 !important;
    line-height: 1.3;
}
.post-title a {
    color: var(--ink-brown) !important;
}
.post-title a:hover {
    color: var(--gold) !important;
}

/* Featured label - gold like inscription overlays */
.featured-badge,
.post-card-featured-label,
.kg-card-featured {
    background: var(--gold) !important;
    color: white !important;
    font-family: "EB Garamond", serif !important;
    font-size: 0.75rem;
    padding: 0.3em 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

/* Date badges on cards - stone/dark overlay like the reference */
.post-date,
.post-card-meta {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-family: "EB Garamond", serif;
}

/* Content Typography */
.post-content {
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 1.15rem;
    line-height: 1.85;
    color: var(--text);
}

h1, h2, h3, h4 {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    color: var(--ink-brown) !important;
    font-weight: 600;
}

h2 {
    border-bottom: 1px solid var(--sand-light);
    padding-bottom: 0.4em;
}

/* Links */
.post-content a {
    color: var(--manuscript-blue) !important;
    text-decoration: underline;
    text-decoration-color: var(--sand);
    text-underline-offset: 3px;
}
.post-content a:hover {
    color: var(--gold) !important;
    text-decoration-color: var(--gold);
}

/* Blockquotes - scripture/ancient text style */
blockquote {
    border-left: 3px solid var(--gold);
    background: var(--papyrus);
    padding: 1.2em 1.8em;
    font-style: italic;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.2rem;
    color: var(--ink-brown);
    margin: 2em 0;
    position: relative;
}
blockquote::before {
    content: "\201C";
    font-size: 4rem;
    color: var(--sand);
    position: absolute;
    top: -10px;
    left: 10px;
    font-family: Georgia, serif;
    opacity: 0.5;
}

/* Images - slight aged border */
.post-content img {
    border: 1px solid var(--stone-light);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Footer - dark stone */
.site-footer {
    background: var(--ink-brown) !important;
    color: var(--sand-light) !important;
    border-top: 3px solid var(--gold);
}
.site-footer a {
    color: var(--gold-bright) !important;
}

/* Tags/Categories */
.tag-link,
.post-tag {
    color: var(--manuscript-blue) !important;
    border: 1px solid var(--manuscript-blue);
    padding: 0.2em 0.7em;
    font-size: 0.8rem;
    border-radius: 2px;
    font-family: "EB Garamond", serif;
}
.tag-link:hover {
    background: var(--manuscript-blue);
    color: white !important;
}

/* Author section */
.author-info {
    border-top: 1px solid var(--sand-light);
    border-bottom: 1px solid var(--sand-light);
    background: var(--papyrus-aged);
    padding: 1.5em;
}

/* Code blocks - dark like inkwell */
pre, code {
    background: var(--ink) !important;
    color: var(--sand-light) !important;
    border-radius: 2px;
}

/* Hebrew/Greek text */
.hebrew, [lang="he"] {
    font-family: "Noto Serif Hebrew", "SBL Hebrew", serif;
    direction: rtl;
    font-size: 1.3em;
    color: var(--ink-brown);
}

/* Decorative separator */
hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
    margin: 2.5em 0;
}

/* Reading progress - gold */
.progress-bar {
    background: var(--gold) !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .site-title, .blog-title {
        font-size: 1.6rem !important;
    }
    .post-content {
        font-size: 1.05rem;
    }
}