/* Comenta · identidade "cérebro interligado" */
:root{--cb-bg:#050816;--cb-bg2:#0a0f26;--cb-panel:rgba(14,20,48,.72);--cb-line:rgba(127,150,255,.16);--cb-text:#e3e8ff;--cb-muted:#97a2cc;--cb-pink:#ff4d8d;--cb-blue:#38bdf8;--cb-purple:#a06bff;--cb-green:#2ee59d;--cb-accent:#7fd8ff;--cb-r:18px;
--background-color:var(--cb-bg);--color-darker-gray:var(--cb-text);--color-primary-text:var(--cb-text);--color-secondary-text:var(--cb-muted);--color-border:var(--cb-line);--color-dark-border:var(--cb-line);--font-sans:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;--font-sans-title:var(--font-sans);--font-body:var(--font-sans);--ghost-accent-color:var(--cb-accent)}
html,body{background:var(--cb-bg)!important;color:var(--cb-text)}
body{-webkit-font-smoothing:antialiased}
#cb-neural{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
.cb-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 15% -10%,rgba(160,107,255,.22),transparent 60%),radial-gradient(800px 500px at 100% 10%,rgba(56,189,248,.16),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(255,77,141,.12),transparent 60%)}
.gh-viewport{position:relative;z-index:1}
a{color:inherit}
.gh-content a,.gh-article-excerpt a{color:var(--cb-accent)}
.gh-navigation{background:rgba(5,8,22,.72)!important;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--cb-line);color:var(--cb-text)!important}
.gh-navigation-logo{display:inline-flex;align-items:center;gap:.55em;font-weight:800;letter-spacing:-.02em}
.gh-navigation-logo::before{content:"";width:1.05em;height:1.05em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--cb-accent) 40%,var(--cb-purple));box-shadow:0 0 18px rgba(127,216,255,.6)}
.gh-navigation-logo img+*,.gh-navigation-logo:has(img)::before{display:none}
.gh-header-title,.gh-article-title,.gh-card-title,.gh-cta-title{letter-spacing:-.03em}
.gh-header.is-classic .gh-header-title,.gh-header-title,.gh-article-title{background:linear-gradient(90deg,#fff 0%,var(--cb-accent) 45%,var(--cb-purple) 75%,var(--cb-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.gh-header,.gh-header.is-classic{background:transparent!important}
.gh-card{background:var(--cb-panel);border:1px solid var(--cb-line);border-radius:var(--cb-r);padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;backdrop-filter:blur(6px)}
.gh-card:hover{transform:translateY(-3px);border-color:rgba(127,216,255,.45);box-shadow:0 10px 40px -12px rgba(127,216,255,.35)}
.gh-card-image img{border-radius:12px}
.gh-card-tag,.gh-article-tag{color:var(--cb-pink)!important;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.gh-card-excerpt,.gh-card-meta,.gh-article-meta,.gh-article-excerpt{color:var(--cb-muted)}
.gh-button,.gh-form button,.gh-cta-input button,.gh-navigation-members .gh-button{background:linear-gradient(90deg,var(--cb-blue),var(--cb-purple))!important;color:#fff!important;border:0;border-radius:999px;font-weight:700;box-shadow:0 6px 24px -8px rgba(160,107,255,.7)}
.gh-form,.gh-cta-input{background:var(--cb-panel)!important;border:1px solid var(--cb-line)!important;border-radius:999px}
.gh-form input,.gh-cta-input input{color:var(--cb-text)}
.gh-cta,.gh-footer,.gh-container.is-grid,.gh-featured{background:transparent!important;color:var(--cb-text)}
.gh-footer{border-top:1px solid var(--cb-line)}
.gh-content{color:#d6dcf8}
.gh-content blockquote{border-left:3px solid var(--cb-accent)}
.gh-content pre,.gh-content code{background:#0b1230;border-radius:8px}
:focus-visible{outline:2px solid var(--cb-accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.gh-card:hover{transform:none}}
/* fix (teste local 2026-10-15): o script do Source aplica .has-dark-text quando site_background_color é claro (padrão #fff), sobrescrevendo as cores do tema escuro -> contraste ~1:1. Fixa a paleta escura em qualquer classe. */
html.has-dark-text,html.has-light-text{--background-color:var(--cb-bg)!important;--color-darker-gray:var(--cb-text)!important;--color-primary-text:var(--cb-text)!important;--color-secondary-text:var(--cb-muted)!important;--color-border:var(--cb-line)!important;--color-dark-border:var(--cb-line)!important;--color-lighter-gray:rgba(255,255,255,.08)!important}