/* =============================================================
language-js.css — JavaScript branding
Same structure as language.css (Python) but with JS colors.
============================================================= */

:root {
--py-blue: #F7DF1E; /* JavaScript yellow — becomes primary /
--py-blue-lt: #F5E14A; / lighter yellow for hover /
--py-yellow: #FFFFFF; / white — the "highlight" color on dark JS pages */
--py-yellow-dk: #E5E5E5;
}

/* Hero tint (JavaScript-specific) */
.py-hero {
background: linear-gradient(135deg, #1a1a1a 0%, #2a2a1a 100%);
}
.py-hero::before {
background: radial-gradient(circle, rgba(247,223,30,0.30), transparent 60%);
}
.py-hero::after {
background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 60%);
}