/* Theme override to match main site — rraga.xyz */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #1a1a1a !important;
}

a {
    color: #419796 !important;
}

a:hover {
    color: #FC4445 !important;
}

code, pre, .highlight, kbd, samp {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Header — match main site nav */
.header {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e4e8 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 2rem !important;
}

.header__title {
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #1a1a1a !important;
    letter-spacing: -0.01em !important;
}

.header__list {
    display: flex !important;
    gap: 1.5rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header__list li a,
.header__list li {
    font-size: 0.82rem !important;
    color: #555 !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    transition: color 0.2s !important;
}

.header__list li a:hover {
    color: #FC4445 !important;
}

/* Push content below fixed header */
.💈, main {
    padding-top: 56px !important;
}

/* Post titles */
.post-title, .post-title a, article h1, article h2,
.posts__text, .posts__text strong {
    color: #1a1a1a !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.post-title a:hover, article h1 a:hover {
    color: #FC4445 !important;
}

/* Meta / dates */
.post-meta, .post-date, time, .meta,
.posts__text span {
    font-family: 'JetBrains Mono', monospace !important;
    color: #555 !important;
    font-size: 0.8rem !important;
}

/* Tags */
.tag, .label, .badge, .category,
.footer__link {
    font-family: 'JetBrains Mono', monospace !important;
    color: #FC4445 !important;
    background: rgba(252, 68, 69, 0.08) !important;
    border: none !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
}

/* Footer — match main site */
.footer {
    border-top: 1px solid #e2e4e8 !important;
    background: #ffffff !important;
    color: #555 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 2rem 0 !important;
    text-align: center !important;
}

.footer__tags {
    display: flex !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    list-style: none !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
}

.footer__social {
    display: flex !important;
    justify-content: center !important;
    gap: 1rem !important;
    list-style: none !important;
    padding: 0 !important;
}

.footer__social a {
    color: #555 !important;
    font-size: 0.9rem !important;
}

.footer__social a:hover {
    color: #FC4445 !important;
}

/* Blockquotes */
blockquote {
    border-left-color: #11d4c7 !important;
    color: #555 !important;
}

/* Selection */
::selection {
    background: rgba(17, 212, 199, 0.2);
    color: #1a1a1a;
}

/* Post content links */
#markdown a, .post__content a {
    color: #419796 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(65, 151, 150, 0.3) !important;
    text-underline-offset: 2px !important;
}

#markdown a:hover, .post__content a:hover {
    color: #FC4445 !important;
    text-decoration-color: rgba(252, 68, 69, 0.3) !important;
}

/* Social share links — subtler */
.post__social {
    display: flex !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    list-style: none !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #e2e4e8 !important;
    margin-top: 2rem !important;
}

.post__social a {
    color: #555 !important;
}

.post__social a:hover {
    color: #FC4445 !important;
}

/* Related posts */
.related__title {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.7rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #419796 !important;
}

.related__text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #1a1a1a !important;
    font-size: 0.88rem !important;
}

/* Posts grid items */
.posts__link {
    transition: border-color 0.2s !important;
}

.posts__img img {
    transition: transform 0.4s ease !important;
}

.posts__link:hover .posts__img img {
    transform: scale(1.03) !important;
}

/* Pagination */
.posts__next {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.8rem !important;
    color: #419796 !important;
    cursor: pointer !important;
}

.posts__next:hover {
    color: #FC4445 !important;
}

/* Buttons */
button, .btn, input[type="submit"] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #11d4c7 !important;
    border-color: #11d4c7 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

button:hover, .btn:hover, input[type="submit"]:hover {
    background: #419796 !important;
    border-color: #419796 !important;
}