/* Retro — 80s vibe, vibrant, chunky shadows, monospace tags */
[data-theme="retro"] { --r1: #ffd166; --r2: #ef476f; --r3: #118ab2; --rtext: #1a1a2e; }
[data-theme="retro"] body { background: var(--r1); color: var(--rtext); font-family: "Space Grotesk", -apple-system, sans-serif; }
[data-theme="retro"] .site-header { background: var(--rtext); border-bottom: 6px solid var(--r2); }
[data-theme="retro"] .nav-links a, [data-theme="retro"] .nav-logo-text { color: var(--r1); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; }
[data-theme="retro"] .nav-links a:hover { color: var(--r2); }
[data-theme="retro"] .hero { background-color: var(--r2); border-bottom: 6px solid var(--rtext); }
[data-theme="retro"] .hero h1 { color: var(--r1); font-weight: 900; text-shadow: 4px 4px 0 var(--rtext); }
[data-theme="retro"] .hero-tagline { color: #fff; font-weight: 700; }
[data-theme="retro"] .btn-primary { background: var(--rtext); color: var(--r1); border-radius: 0; border: 3px solid var(--rtext); box-shadow: 4px 4px 0 var(--r3); padding: 11px 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; }
[data-theme="retro"] .btn-outline { background: #fff; color: var(--rtext); border: 3px solid var(--rtext); border-radius: 0; box-shadow: 4px 4px 0 var(--r2); }
[data-theme="retro"] .card { background: #fff; border: 3px solid var(--rtext); border-radius: 0; box-shadow: 6px 6px 0 var(--r3); }
[data-theme="retro"] .card-img { border-radius: 0; }
[data-theme="retro"] .card-title a { color: var(--rtext); font-weight: 800; }
[data-theme="retro"] .badge { background: var(--r3); color: #fff; border-radius: 0; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 0.72rem; letter-spacing: 0.05em; padding: 3px 8px; }
[data-theme="retro"] .section-title, [data-theme="retro"] .page-title { color: var(--rtext); font-weight: 900; text-transform: uppercase; }
[data-theme="retro"] .article-body h2 { color: var(--r2); }
[data-theme="retro"] .article-body code { background: var(--rtext); color: var(--r1); padding: 1px 6px; border-radius: 0; }
[data-theme="retro"] .article-body blockquote { background: var(--r3); color: #fff; border-left: 6px solid var(--rtext); border-radius: 0; }
[data-theme="retro"] .site-footer { background: var(--rtext); color: var(--r1); border-top: 6px solid var(--r2); }
[data-theme="retro"] .footer-brand strong, [data-theme="retro"] .footer-links a { color: var(--r1); }