/* OLtitude Tech Theme - Dark Mode Override */
:root {
    --ghost-accent-color: #4A4AB5 !important;
}

/* Force ALL text white */
html.dark-mode,
html.dark-mode body,
html.dark-mode .viewport,
html.dark-mode .site-content,
html.dark-mode article,
html.dark-mode p,
html.dark-mode li,
html.dark-mode span,
html.dark-mode div,
html.dark-mode td,
html.dark-mode th,
html.dark-mode dt,
html.dark-mode dd,
html.dark-mode label {
    color: #e6edf3 !important;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6,
html.dark-mode .post-card-title,
html.dark-mode .article-title,
html.dark-mode .gh-card-title,
html.dark-mode .site-title {
    color: #ffffff !important;
}

html.dark-mode a {
    color: #8B8BE0 !important;
}
html.dark-mode a:hover {
    color: #ABABF0 !important;
}

/* Global dark background */
html.dark-mode body {
    background: #0d1117 !important;
}

/* Header */
html.dark-mode .gh-head {
    background: #161b22 !important;
    border-bottom: 1px solid #30363d !important;
}
html.dark-mode .gh-head a,
html.dark-mode .gh-head-logo,
html.dark-mode .gh-head-menu a {
    color: #e6edf3 !important;
}
html.dark-mode .gh-head-menu a:hover {
    color: #8B8BE0 !important;
}
html.dark-mode .gh-head-actions {
    background-color: transparent !important;
}
html.dark-mode .gh-head-actions::before {
    background-color: transparent !important;
}

/* Dropdown */
html.dark-mode .gh-dropdown {
    background-color: #1c2128 !important;
    border: 1px solid #30363d !important;
}
html.dark-mode .gh-dropdown a {
    color: #e6edf3 !important;
}

/* Site header / hero */
html.dark-mode .site-header,
html.dark-mode .site-header-content {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    color: #ffffff !important;
}
html.dark-mode .site-description {
    color: #8b949e !important;
}

/* Tech grid pattern on hero */
html.dark-mode .site-header {
    position: relative;
    overflow: hidden;
}
html.dark-mode .site-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(rgba(74, 74, 181, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 74, 181, 0.06) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

/* Post cards */
html.dark-mode .post-card {
    background: #1c2128 !important;
    border: 1px solid #30363d !important;
    border-radius: 12px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
html.dark-mode .post-card:hover {
    border-color: #4A4AB5 !important;
    box-shadow: 0 0 20px rgba(74, 74, 181, 0.15) !important;
}
html.dark-mode .post-card-excerpt {
    color: #8b949e !important;
}
html.dark-mode .post-card-meta,
html.dark-mode .post-card-byline-content span,
html.dark-mode .post-card-byline-date {
    color: #8b949e !important;
}
html.dark-mode .post-card-primary-tag,
html.dark-mode .post-card-featured {
    color: #8B8BE0 !important;
}

/* Post/page content */
html.dark-mode .gh-content,
html.dark-mode .gh-content p,
html.dark-mode .gh-content li,
html.dark-mode .gh-content td {
    color: #e6edf3 !important;
}
html.dark-mode .gh-content a {
    color: #8B8BE0 !important;
}
html.dark-mode .gh-content blockquote {
    border-left: 3px solid #4A4AB5 !important;
    color: #8b949e !important;
    background: #161b22 !important;
    padding: 16px 24px !important;
    border-radius: 0 8px 8px 0 !important;
}
html.dark-mode .gh-content pre,
html.dark-mode .gh-content code {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    color: #e6edf3 !important;
}
html.dark-mode .gh-content pre code {
    border: none !important;
}
html.dark-mode .gh-content hr {
    border-color: #30363d !important;
}

/* Article page */
html.dark-mode .article-title {
    color: #ffffff !important;
}
html.dark-mode .article-excerpt {
    color: #8b949e !important;
}
html.dark-mode .article-byline-meta span,
html.dark-mode .article-byline-meta a {
    color: #8b949e !important;
}

/* Footer */
html.dark-mode .site-footer {
    background: #161b22 !important;
    border-top: 1px solid #30363d !important;
}
html.dark-mode .site-footer a,
html.dark-mode .site-footer .copyright,
html.dark-mode .site-footer .copyright a,
html.dark-mode .gh-powered-by a {
    color: #8b949e !important;
}

/* Buttons */
html.dark-mode .gh-head-button,
html.dark-mode .gh-btn {
    background: #4A4AB5 !important;
    color: #fff !important;
    border: none !important;
}

/* Subscribe/members forms */
html.dark-mode .gh-subscribe-input,
html.dark-mode input {
    background: #1c2128 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
}

/* Search icon */
html.dark-mode .gh-search svg {
    color: #e6edf3 !important;
}
html.dark-mode .gh-burger svg,
html.dark-mode .gh-burger::before,
html.dark-mode .gh-burger::after {
    background: #e6edf3 !important;
}

/* Remove default Ghost cover image */
html.dark-mode .gh-header-image {
    display: none !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4A4AB5; }

/* Reduce hero vertical space */
html.dark-mode .site-header-content {
    padding: 4vmin 0 !important;
    min-height: auto !important;
}
html.dark-mode .site-header {
    padding: 0 !important;
}

/* Ensure post card excerpt is visible */
html.dark-mode .post-card-excerpt,
html.dark-mode .post-card-excerpt p {
    color: #8b949e !important;
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Post card content link - ensure text shows */
html.dark-mode .post-card-content-link {
    color: #e6edf3 !important;
}

/* Tag fix */
html.dark-mode .post-card-primary-tag {
    color: #8B8BE0 !important;
}

/* Reduce overall page padding */
html.dark-mode .outer {
    padding-left: 4vmin !important;
    padding-right: 4vmin !important;
}