@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&family=DM+Sans:wght@400;500&display=swap');

:root {
    --indexa-bg: #0d1a0f;
    --indexa-surface: #111f13;
    --indexa-border: rgba(0, 240, 151, 0.1);
    --indexa-green: #00F097;
    --indexa-text: #e5e7eb;
    --indexa-muted: #6b7280;
    --indexa-mono: 'JetBrains Mono', monospace;
    --indexa-sans: 'DM Sans', sans-serif;
}

/* Base */
body {
    background-color: var(--indexa-bg) !important;
    color: var(--indexa-text) !important;
    font-family: var(--indexa-sans) !important;
}

/* Header */
#gh-head {
    background-color: var(--indexa-bg) !important;
    border-bottom: 1px solid var(--indexa-border) !important;
}

.gh-head-logo {
    font-family: var(--indexa-mono) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 1.4rem !important;
    text-decoration: none !important;
}

.gh-head-logo img {
    max-height: 32px !important;
}

.gh-head-menu a,
.gh-head-actions a {
    color: var(--indexa-muted) !important;
    font-family: var(--indexa-sans) !important;
    font-size: 0.9rem !important;
}

.gh-head-menu a:hover,
.gh-head-actions a:hover {
    color: var(--indexa-green) !important;
}

.gh-head-button {
    background-color: var(--indexa-green) !important;
    color: var(--indexa-bg) !important;
    border-radius: 4px !important;
    font-family: var(--indexa-mono) !important;
    font-size: 0.75rem !important;
}

/* Hero/Cover */
.gh-canvas,
.site-header-content,
.gh-header {
    background-color: var(--indexa-bg) !important;
}

.site-title,
.gh-site-title {
    font-family: var(--indexa-mono) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.site-description,
.gh-site-description {
    font-family: var(--indexa-sans) !important;
    color: var(--indexa-muted) !important;
}

/* Cards/Posts */
.post-card,
.gh-card {
    background-color: var(--indexa-surface) !important;
    border: 1px solid var(--indexa-border) !important;
    border-radius: 6px !important;
}

.post-card-title,
.gh-card-title {
    font-family: var(--indexa-sans) !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

.post-card-excerpt,
.gh-card-excerpt {
    color: var(--indexa-muted) !important;
    font-family: var(--indexa-sans) !important;
}

.post-card-byline-content,
.gh-card-meta {
    color: var(--indexa-muted) !important;
    font-family: var(--indexa-sans) !important;
}

.post-card-tags,
.gh-card-tag {
    color: var(--indexa-green) !important;
    font-family: var(--indexa-mono) !important;
    font-size: 0.75rem !important;
}

/* Article content */
.gh-content,
.post-full-content {
    background-color: var(--indexa-bg) !important;
    color: var(--indexa-text) !important;
    font-family: var(--indexa-sans) !important;
}

.gh-content h1,
.gh-content h2,
.gh-content h3,
.gh-content h4,
.post-full-content h1,
.post-full-content h2,
.post-full-content h3 {
    color: #ffffff !important;
    font-family: var(--indexa-sans) !important;
    font-weight: 500 !important;
}

.gh-content a,
.post-full-content a {
    color: var(--indexa-green) !important;
}

.gh-content blockquote,
.post-full-content blockquote {
    border-left: 3px solid var(--indexa-green) !important;
    color: var(--indexa-muted) !important;
}

.gh-content code,
.post-full-content code {
    background-color: var(--indexa-surface) !important;
    color: var(--indexa-green) !important;
    font-family: var(--indexa-mono) !important;
}

/* Post header */
.article-header,
.post-full-header {
    background-color: var(--indexa-bg) !important;
}

.article-title,
.post-full-title {
    color: #ffffff !important;
    font-family: var(--indexa-sans) !important;
}

.article-byline,
.post-full-byline {
    color: var(--indexa-muted) !important;
    border-top: 1px solid var(--indexa-border) !important;
    border-bottom: 1px solid var(--indexa-border) !important;
}

/* Tags */
.post-full-tags a,
.article-tag a {
    color: var(--indexa-green) !important;
    font-family: var(--indexa-mono) !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Footer */
.site-footer {
    background-color: var(--indexa-bg) !important;
    border-top: 1px solid var(--indexa-border) !important;
    color: var(--indexa-muted) !important;
}

.site-footer a {
    color: var(--indexa-muted) !important;
}

.site-footer a:hover {
    color: var(--indexa-green) !important;
}

.gh-powered-by {
    display: none !important;
}

/* Tables */
.gh-content table,
.post-full-content table {
    border-color: var(--indexa-border) !important;
}

.gh-content th,
.post-full-content th {
    background-color: var(--indexa-surface) !important;
    color: #ffffff !important;
    border-color: var(--indexa-border) !important;
}

.gh-content td,
.post-full-content td {
    border-color: var(--indexa-border) !important;
    color: var(--indexa-text) !important;
}

.gh-content tr:nth-child(even),
.post-full-content tr:nth-child(even) {
    background-color: var(--indexa-surface) !important;
}

/* Pagination */
.pagination {
    background-color: var(--indexa-bg) !important;
}

.pagination a {
    color: var(--indexa-green) !important;
}

/* Search */
.gh-search-modal {
    background-color: var(--indexa-surface) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--indexa-bg); }
::-webkit-scrollbar-thumb { background: var(--indexa-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--indexa-green); }

/* Top green line */
body::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--indexa-green);
    z-index: 9999;
}

/* Unsplash attribution */
.article-image figcaption {
    color: #9ca3af;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 0.5rem;
}

.article-image figcaption a {
    color: #00f097;
    text-decoration: none;
}

.article-image figcaption a:hover {
    text-decoration: underline;
}

/* Unsplash attribution - ajustes */
.article-image figcaption {
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
}

/* Unsplash attribution - tamaño mayor */
.article-image figcaption {
    font-size: 1rem !important;
}

/* Unsplash attribution - tamaño mayor v2 */
.article-image figcaption {
    font-size: 1.1rem !important;
}

/* Texto justificado en posts */
.gh-content p {
    text-align: justify;
}