/* ── MobGrab Theme Override ── */
/* Switches the purple Nomonom accent to the green MobGrab palette */

:root {
    --bg-primary: #0d1117;
    --bg-card: rgba(22, 27, 34, 0.6);
    --bg-card-solid: #161b22;
    --border: rgba(48, 54, 61, 0.6);
    --border-light: rgba(48, 54, 61, 0.9);
    --glass: rgba(255, 255, 255, 0.03);
    --text: #e6edf3;
    --text-muted: #8b949e;
    --accent: #3fb950;
    --accent-light: #56d364;
    --accent-glow: rgba(63, 185, 80, 0.2);
    --accent-glow-strong: rgba(63, 185, 80, 0.4);
    --blue: #58a6ff;
    --purple: #bc8cff;
    --red: #f85149;
}

/* Nav stays Nomonom-branded but adapts border */
.nav { border-bottom-color: var(--border); }

/* Hero green glow */
.plugin-hero {
    background: radial-gradient(ellipse at 50% 0%, var(--accent-glow) 0%, transparent 60%);
}

.plugin-hero-logo {
    width: min(280px, 70vw);
    height: auto;
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(63, 185, 80, 0.15);
}

.plugin-hero h1 { color: var(--text); }

.plugin-hero-meta .hero-badge {
    color: var(--accent);
    background: rgba(63, 185, 80, 0.1);
    border-color: rgba(63, 185, 80, 0.25);
}

/* Green buttons */
.btn-primary {
    background: linear-gradient(135deg, var(--accent) 0%, #2ea043 100%);
    color: #000;
}

.btn-primary:hover {
    box-shadow: 0 6px 25px var(--accent-glow-strong);
    color: #000;
}

.btn-outline {
    border-color: var(--border-light);
    background: rgba(22, 27, 34, 0.5);
}

.btn-outline:hover {
    border-color: rgba(63, 185, 80, 0.4);
    color: var(--accent-light);
    box-shadow: 0 4px 15px var(--accent-glow);
    background: rgba(63, 185, 80, 0.06);
}

/* Feature cards green accents */
.feature-icon-wrap {
    background: rgba(63, 185, 80, 0.08);
    border-color: rgba(63, 185, 80, 0.15);
}

.feature-icon-wrap svg { stroke: var(--accent-light); }

.feature-card:hover {
    border-color: rgba(63, 185, 80, 0.3);
    box-shadow: 0 8px 30px rgba(63, 185, 80, 0.1);
}

/* Step numbers green */
.step-number {
    background: rgba(63, 185, 80, 0.1);
    border-color: rgba(63, 185, 80, 0.25);
    color: var(--accent-light);
}

/* Compat items green hover */
.compat-item:hover { border-color: rgba(63, 185, 80, 0.3); }

/* Section labels green */
.rank-section-label { color: var(--accent); }
.rank-perks li::before { color: var(--accent); }

/* CTA card green */
.cta-card {
    background: linear-gradient(135deg, rgba(63, 185, 80, 0.06) 0%, rgba(22, 27, 34, 0.5) 100%);
    border-color: rgba(63, 185, 80, 0.15);
    border-top-color: rgba(63, 185, 80, 0.25);
}

/* ── Docs page green theme ── */
.docs-toc a.active {
    color: var(--accent-light);
    border-left-color: var(--accent);
    background: rgba(63, 185, 80, 0.05);
}

.docs-title { color: var(--accent); }

.docs-section h2 { border-bottom-color: var(--border); }

.docs-callout {
    background: rgba(63, 185, 80, 0.06);
    border-color: rgba(63, 185, 80, 0.15);
}

.docs-callout-warn {
    background: rgba(248, 81, 73, 0.06);
    border-color: rgba(248, 81, 73, 0.2);
}

.docs-tag { background: rgba(88, 166, 255, 0.12); color: var(--blue); }
.docs-tag-op { background: rgba(248, 81, 73, 0.12); color: var(--red); }

.docs-grid-item { border-color: var(--border); }
.docs-grid-item h4 { color: var(--accent); }

.docs-back:hover { color: var(--accent-light); }

.mono { color: var(--purple); }

/* Plugin tags */
.tag {
    border-color: var(--border);
    background: rgba(255, 255, 255, 0.04);
}

.plugin-version {
    color: var(--accent-light);
    background: rgba(63, 185, 80, 0.1);
}

/* Footer link */
.footer a { color: var(--accent); }