@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{ --neon:#2f81f7; --bg:#070a0f; --panel:#0e141c; --line:#1b2530; --txt:#e6edf3; --dim:#8a95a3; }

body{ background:var(--bg)!important; color:var(--txt)!important; font-family:'Sora',sans-serif!important; }
a{ color:var(--neon); }

#masthead, .colormag-header-wrap, #site-header, header#masthead{ background:#000!important; border-bottom:2px solid var(--neon)!important; }
.site-title a, .site-title{ color:#fff!important; font-weight:800!important; }
.site-description{ color:var(--neon)!important; font-family:'Space Mono',monospace!important; letter-spacing:.08em; }

#site-navigation, .main-navigation, #colormag-primary-nav, .menu{ background:#000!important; }
.main-navigation a, .menu a, nav a{ color:#cbd5e1!important; font-weight:600!important; }
.main-navigation a:hover, .menu a:hover{ color:var(--neon)!important; }
.main-navigation .current-menu-item > a{ color:var(--neon)!important; }

#content, .site-content, article, .post, .article-content, .widget{ background:var(--panel)!important; border-color:var(--line)!important; }
article, .post{ border:1px solid var(--line)!important; border-radius:12px!important; padding:14px!important; margin-bottom:16px!important; transition:.2s; }
article:hover, .post:hover{ border-color:var(--neon)!important; transform:translateY(-3px); box-shadow:0 8px 30px rgba(47,129,247,.12); }

h1,h2,h3,h4,.entry-title{ color:#fff!important; font-family:'Sora',sans-serif!important; font-weight:800!important; }
.entry-title a{ color:#fff!important; }
.entry-title a:hover{ color:var(--neon)!important; }

.entry-meta, .post-meta, time, .byline{ color:var(--dim)!important; font-family:'Space Mono',monospace!important; font-size:12px!important; }

button, .button, input[type=submit], .more-link{ background:var(--neon)!important; color:#fff!important; border:none!important; border-radius:8px!important; font-weight:700!important; }

.widget-title, .widget .widget-title{ color:var(--neon)!important; border-bottom:2px solid var(--neon)!important; font-family:'Space Mono',monospace!important; }

#colophon, .site-footer, footer{ background:#000!important; color:var(--dim)!important; border-top:2px solid var(--neon)!important; }
#colophon a, footer a{ color:var(--neon)!important; }

#ptn-mode{ position:fixed; bottom:20px; right:20px; z-index:9999; background:var(--neon); color:#fff; border:none; width:48px; height:48px; border-radius:50%; font-size:20px; cursor:pointer; box-shadow:0 4px 20px rgba(47,129,247,.4); }

body.ptn-light{ --bg:#f7f9fb; --panel:#fff; --line:#e2e8f0; --txt:#0d1117; --dim:#64748b; --neon:#1d4ed8; }
body.ptn-light #masthead, body.ptn-light .colormag-header-wrap{ background:#fff!important; border-bottom-color:#1d4ed8!important; }
body.ptn-light .site-title a{ color:#0d1117!important; }
body.ptn-light h1,body.ptn-light h2,body.ptn-light h3,body.ptn-light .entry-title,body.ptn-light .entry-title a{ color:#0d1117!important; }
body.ptn-light #colophon, body.ptn-light footer{ background:#f1f5f9!important; border-top-color:#1d4ed8!important; }

.custom-logo-link img, .custom-logo{ height:42px!important; width:auto!important; display:block!important; }
@media(max-width:768px){ .custom-logo-link img, .custom-logo{ height:34px!important; } }

.sidebar, #secondary{ background:transparent!important; }
.widget{ background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:12px!important; padding:16px!important; margin-bottom:16px!important; }

.pagination a, .nav-links a{ background:var(--panel)!important; color:var(--neon)!important; border:1px solid var(--line)!important; border-radius:8px!important; }
.pagination .current, .nav-links .current{ background:var(--neon)!important; color:#fff!important; }

.search-form input[type=search]{ background:var(--panel)!important; border:1px solid var(--line)!important; color:var(--txt)!important; border-radius:8px!important; }