/* Comenta — paleta v4-A (fúcsia do site) + modo escuro. GERADO por build_brand.py a partir de /workspace/comenta-logo/palette.json (fonte única). */
:root{--cm-u-primary:#C026D3;--cm-u-primary-hover:#A21CAF;--cm-u-primary-active:#86198F;--cm-u-on-primary:#FFFFFF;--cm-u-primary-soft:#FDF4FF;--cm-u-primary-soft-2:#FAE8FF;--cm-u-primary-soft-border:#F5D0FE;--cm-u-primary-soft-text:#A21CAF;--cm-u-focus-ring:#C026D366;--cm-u-bg:#FFFFFF;--cm-u-surface:#FFFFFF;--cm-u-surface-2:#F8FAFC;--cm-u-surface-3:#F1F5F9;--cm-u-border:#E2E8F0;--cm-u-border-strong:#CBD5E1;--cm-u-text:#0F172A;--cm-u-text-logo:#5C636C;--cm-u-muted:#64748B;--cm-l-c:#C026D3;--cm-l-text:#5C636C;--cm-i-tile:#C026D3;--cm-i-agent:#FFFFFF}
html.dark{--cm-u-primary:#E879F9;--cm-u-primary-hover:#F0ABFC;--cm-u-primary-active:#D946EF;--cm-u-on-primary:#0B0D10;--cm-u-primary-soft:#2A0F2F;--cm-u-primary-soft-2:#3B1442;--cm-u-primary-soft-border:#701A75;--cm-u-primary-soft-text:#F0ABFC;--cm-u-focus-ring:#E879F966;--cm-u-bg:#0B0D10;--cm-u-surface:#11151A;--cm-u-surface-2:#171C22;--cm-u-surface-3:#1F252C;--cm-u-border:#262D35;--cm-u-border-strong:#36404A;--cm-u-text:#E7EAEE;--cm-u-text-logo:#C5CAD1;--cm-u-muted:#99A2AC;--cm-l-c:#E879F9;--cm-l-text:#C5CAD1;--cm-i-tile:#0B0D10;--cm-i-agent:#E879F9}
:root{--color-fuchsia-50:var(--cm-ul-primary-soft);--color-fuchsia-100:var(--cm-ul-primary-soft-2);--color-fuchsia-200:var(--cm-ul-primary-soft-border);--color-fuchsia-300:#F0ABFC;--color-fuchsia-400:#E879F9;--color-fuchsia-500:#D946EF;--color-fuchsia-600:var(--cm-ul-primary);--color-fuchsia-700:var(--cm-ul-primary-hover);--color-fuchsia-800:var(--cm-ul-primary-active);--color-fuchsia-900:#701A75;--color-fuchsia-950:#4A044E;--color-purple-50:var(--cm-ul-primary-soft);--color-purple-100:var(--cm-ul-primary-soft-2);--color-purple-200:var(--cm-ul-primary-soft-border);--color-purple-300:#F0ABFC;--color-purple-400:#E879F9;--color-purple-500:#D946EF;--color-purple-600:var(--cm-ul-primary);--color-purple-700:var(--cm-ul-primary-hover);--color-purple-800:var(--cm-ul-primary-active);--color-purple-900:#701A75;--color-purple-950:#4A044E;--color-violet-50:var(--cm-ul-primary-soft);--color-violet-100:var(--cm-ul-primary-soft-2);--color-violet-200:var(--cm-ul-primary-soft-border);--color-violet-300:#F0ABFC;--color-violet-400:#E879F9;--color-violet-500:#D946EF;--color-violet-600:var(--cm-ul-primary);--color-violet-700:var(--cm-ul-primary-hover);--color-violet-800:var(--cm-ul-primary-active);--color-violet-900:#701A75;--color-violet-950:#4A044E;--color-pink-50:var(--cm-ul-primary-soft);--color-pink-100:var(--cm-ul-primary-soft-2);--color-pink-200:var(--cm-ul-primary-soft-border);--color-pink-300:#F0ABFC;--color-pink-400:#E879F9;--color-pink-500:#D946EF;--color-pink-600:var(--cm-ul-primary);--color-pink-700:var(--cm-ul-primary-hover);--color-pink-800:var(--cm-ul-primary-active);--color-pink-900:#701A75;--color-pink-950:#4A044E;--color-indigo-50:var(--cm-ul-primary-soft);--color-indigo-100:var(--cm-ul-primary-soft-2);--color-indigo-200:var(--cm-ul-primary-soft-border);--color-indigo-300:#F0ABFC;--color-indigo-400:#D946EF;--color-indigo-500:var(--cm-ul-primary-hover);--color-indigo-600:var(--cm-ul-primary-active);--color-indigo-700:#701A75;--color-indigo-800:#5B1460;--color-indigo-900:#4A044E;--color-indigo-950:#2A0F2F;--cm-ul-primary:#C026D3;--cm-ul-primary-hover:#A21CAF;--cm-ul-primary-active:#86198F;--cm-ul-on-primary:#FFFFFF;--cm-ul-primary-soft:#FDF4FF;--cm-ul-primary-soft-2:#FAE8FF;--cm-ul-primary-soft-border:#F5D0FE;--cm-ul-primary-soft-text:#A21CAF;--cm-ul-focus-ring:#C026D366;--cm-ul-bg:#FFFFFF;--cm-ul-surface:#FFFFFF;--cm-ul-surface-2:#F8FAFC;--cm-ul-surface-3:#F1F5F9;--cm-ul-border:#E2E8F0;--cm-ul-border-strong:#CBD5E1;--cm-ul-text:#0F172A;--cm-ul-text-logo:#5C636C;--cm-ul-muted:#64748B}
:root{--cm-bg:var(--cm-u-bg);--cm-bg-soft:var(--cm-u-surface-2);--cm-surface:var(--cm-u-surface);--cm-surface-2:var(--cm-u-surface-2);--cm-surface-3:var(--cm-u-surface-3);--cm-border:var(--cm-u-border);--cm-border-strong:var(--cm-u-border-strong);--cm-text:var(--cm-u-text);--cm-text-2:color-mix(in oklab,var(--cm-u-text) 82%,var(--cm-u-muted));--cm-muted:var(--cm-u-muted);--cm-subtle:var(--cm-u-muted);--cm-cyan:var(--cm-u-primary);--cm-accent:var(--cm-u-primary-soft-text);--cm-accent-hover:var(--cm-u-primary-hover);--cm-accent-soft:var(--cm-u-primary-soft);--cm-accent-border:var(--cm-u-primary-soft-border);--cm-on-accent:var(--cm-u-on-primary);--cm-btn:var(--cm-u-primary);--cm-btn-text:var(--cm-u-on-primary);--cm-btn-hover:var(--cm-u-primary-hover);--cm-glow:0 8px 24px -8px var(--cm-u-focus-ring);--cm-grad:linear-gradient(90deg,var(--cm-ul-primary),var(--cm-ul-primary-active));--cm-header:color-mix(in oklab,var(--cm-u-bg) 84%,transparent);--cm-fuchsia:var(--cm-accent);--cm-fuchsia-700:var(--cm-accent);--cm-indigo:var(--cm-ul-primary-active);--cm-slate-900:var(--cm-text);--cm-slate-700:var(--cm-text-2);--cm-slate-600:var(--cm-muted);--cm-slate-500:var(--cm-subtle);--cm-slate-200:var(--cm-border);--cm-slate-100:var(--cm-surface-2);--cm-slate-50:var(--cm-bg-soft);--ghost-accent-color:var(--cm-ul-primary);color-scheme:light}
html.dark{--cm-bg:var(--cm-u-bg);--cm-bg-soft:var(--cm-u-surface-2);--cm-surface:var(--cm-u-surface);--cm-surface-2:var(--cm-u-surface-2);--cm-surface-3:var(--cm-u-surface-3);--cm-border:var(--cm-u-border);--cm-border-strong:var(--cm-u-border-strong);--cm-text:var(--cm-u-text);--cm-text-2:color-mix(in oklab,var(--cm-u-text) 82%,var(--cm-u-muted));--cm-muted:var(--cm-u-muted);--cm-subtle:var(--cm-u-muted);--cm-cyan:var(--cm-u-primary);--cm-accent:var(--cm-u-primary-soft-text);--cm-accent-hover:var(--cm-u-primary-hover);--cm-accent-soft:var(--cm-u-primary-soft);--cm-accent-border:var(--cm-u-primary-soft-border);--cm-on-accent:var(--cm-u-on-primary);--cm-btn:var(--cm-u-primary);--cm-btn-text:var(--cm-u-on-primary);--cm-btn-hover:var(--cm-u-primary-hover);--cm-glow:0 8px 24px -8px var(--cm-u-focus-ring);--cm-grad:linear-gradient(90deg,var(--cm-ul-primary),var(--cm-ul-primary-active));--cm-header:color-mix(in oklab,var(--cm-u-bg) 84%,transparent);--cm-fuchsia:var(--cm-accent);--cm-fuchsia-700:var(--cm-accent);--cm-indigo:var(--cm-ul-primary-active);--cm-slate-900:var(--cm-text);--cm-slate-700:var(--cm-text-2);--cm-slate-600:var(--cm-muted);--cm-slate-500:var(--cm-subtle);--cm-slate-200:var(--cm-border);--cm-slate-100:var(--cm-surface-2);--cm-slate-50:var(--cm-bg-soft);--ghost-accent-color:var(--cm-ul-primary);color-scheme:dark;background:var(--cm-u-bg)}
html.dark body{background:var(--cm-bg);color:var(--cm-text)}
:root svg.cm-logo{--cm-text:var(--cm-l-text);--cm-cyan:var(--cm-l-c);--cm-tile:var(--cm-i-tile);--cm-ink:var(--cm-i-agent)}html.dark svg.cm-logo{--cm-text:var(--cm-l-text);--cm-cyan:var(--cm-l-c);--cm-tile:var(--cm-i-tile);--cm-ink:var(--cm-i-agent)}
::selection{background:var(--cm-u-primary-soft-2);color:var(--cm-u-text)}html.dark ::selection{background:var(--cm-u-primary-soft-border);color:#fff}
:focus-visible{outline:2px solid var(--cm-u-primary);outline-offset:2px;border-radius:6px}
.text-gradient{background-image:linear-gradient(100deg,var(--cm-ul-primary),var(--cm-ul-primary-active),#D946EF,var(--cm-ul-primary))}html.dark .text-gradient{background-image:linear-gradient(100deg,#E879F9,#F0ABFC,#D946EF,#E879F9)}
html.dark .bg-clip-text.from-fuchsia-600{--tw-gradient-from:#E879F9;--tw-gradient-to:#F0ABFC}
.blob.bg-amber-300{background-color:#FAE8FF}.blob.bg-indigo-400{background-color:#F0ABFC}html.dark .blob{opacity:.16}
a.rounded-full.bg-gradient-to-r.from-fuchsia-600.text-white,a.block.rounded-full.bg-gradient-to-r.from-fuchsia-600{background:var(--cm-btn);color:var(--cm-btn-text);box-shadow:var(--cm-glow);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
a.rounded-full.bg-gradient-to-r.from-fuchsia-600.text-white:hover,a.block.rounded-full.bg-gradient-to-r.from-fuchsia-600:hover{background:var(--cm-btn-hover);opacity:1;transform:translateY(-1px)}
.cm-btn{background:var(--cm-btn);color:var(--cm-btn-text);box-shadow:var(--cm-glow);transition:transform .18s ease,background-color .18s ease}.cm-btn:hover{background:var(--cm-btn-hover);opacity:1;transform:translateY(-1px)}
.cm-btn-ghost{background:var(--cm-surface);color:var(--cm-text-2);border:1px solid var(--cm-border-strong);box-shadow:none}.cm-btn-ghost:hover{border-color:var(--cm-u-primary);background:var(--cm-surface)}
.cm-btn-white{background:#fff;color:var(--cm-ul-primary-hover)}.cm-btn-white:hover{background:var(--cm-ul-primary-soft)}
.inline-flex.h-12.w-12.rounded-2xl.bg-gradient-to-br{background:var(--cm-accent-soft);border:1px solid var(--cm-accent-border);box-shadow:none}
html.dark .bg-gradient-to-r.from-fuchsia-600.text-white:not(a),html.dark .bg-gradient-to-b.from-fuchsia-600,html.dark .bg-gradient-to-br.from-fuchsia-600{--tw-gradient-from:#86198F;--tw-gradient-to:#4A044E}
html.dark .bg-white,html.dark .bg-white\/95{background-color:var(--cm-surface)}
html.dark .bg-white\/80{background-color:color-mix(in oklab,var(--cm-surface) 88%,transparent)}
html.dark .bg-slate-50,html.dark .bg-slate-50\/50,html.dark .bg-slate-50\/70{background-color:var(--cm-bg-soft)}
html.dark .bg-slate-100,html.dark .hover\:bg-slate-50:hover{background-color:var(--cm-surface-2)}
html.dark .bg-slate-200,html.dark .hover\:bg-slate-200:hover,html.dark .bg-slate-300{background-color:var(--cm-border-strong)}
html.dark .bg-fuchsia-50,html.dark .bg-fuchsia-50\/60,html.dark .group:hover .group-hover\:bg-fuchsia-50,html.dark .hover\:bg-fuchsia-50:hover,html.dark .bg-fuchsia-100,html.dark .bg-violet-100{background-color:var(--cm-accent-soft)}
html.dark .border-slate-100,html.dark .border-slate-200,html.dark .border-slate-200\/70,html.dark .divide-slate-200 > :not(:last-child){border-color:var(--cm-border)}
html.dark .border-slate-300,html.dark .hover\:border-slate-400:hover{border-color:var(--cm-border-strong)}
html.dark .border-fuchsia-200,html.dark .hover\:border-fuchsia-300:hover{border-color:var(--cm-accent-border)}
html.dark .hover\:border-fuchsia-400:hover{border-color:var(--cm-u-primary)}
html.dark .text-slate-900,html.dark .text-slate-800,html.dark .hover\:text-slate-900:hover{color:var(--cm-text)}
html.dark .text-slate-700{color:var(--cm-text-2)}
html.dark .text-slate-600,html.dark .text-slate-500{color:var(--cm-muted)}
html.dark .text-slate-400{color:var(--cm-subtle)}
html.dark .text-fuchsia-500,html.dark .text-fuchsia-600,html.dark .text-fuchsia-700,html.dark .text-violet-700,html.dark .hover\:text-fuchsia-600:hover,html.dark .hover\:text-fuchsia-700:hover,html.dark .group:hover .group-hover\:text-fuchsia-600,html.dark .text-purple-500{color:var(--cm-accent)}
html.dark .from-white,html.dark .from-fuchsia-50{--tw-gradient-from:var(--cm-bg)}html.dark .via-white{--tw-gradient-via:var(--cm-bg-soft)}html.dark .to-fuchsia-50,html.dark .to-indigo-50{--tw-gradient-to:var(--cm-bg)}
header.sticky{background:var(--cm-header)!important;border-color:var(--cm-border)!important}
html.dark .bg-emerald-100{background-color:rgba(16,185,129,.16)}html.dark .text-emerald-700{color:#6EE7B7}html.dark .bg-amber-100{background-color:rgba(245,158,11,.16)}html.dark .text-amber-700{color:#FCD34D}html.dark .bg-rose-100{background-color:rgba(244,63,94,.16)}html.dark .text-rose-700{color:#FDA4AF}
html.dark .gh-content pre{background:var(--cm-bg-soft);border:1px solid var(--cm-border)}html.dark .kg-bookmark-container,html.dark .kg-bookmark-card a{color:var(--cm-text)!important;border-color:var(--cm-border)!important;background:var(--cm-surface)}html.dark .kg-bookmark-description,html.dark .kg-bookmark-metadata{color:var(--cm-muted)!important}html.dark .kg-callout-card{background:var(--cm-surface-2)!important;color:var(--cm-text)}html.dark .kg-toggle-card{background:var(--cm-surface)!important;border-color:var(--cm-border)!important}html.dark .kg-toggle-heading-text,html.dark .kg-toggle-content{color:var(--cm-text)!important}
.cm-theme-btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:.75rem;border:1px solid var(--cm-border-strong);background:var(--cm-surface);color:var(--cm-text-2);cursor:pointer;transition:border-color .18s,color .18s,transform .18s}.cm-theme-btn:hover{border-color:var(--cm-accent);color:var(--cm-accent)}.cm-theme-btn:active{transform:scale(.94)}.cm-theme-btn svg{width:1.15rem;height:1.15rem}.cm-theme-btn .cm-ico-sun{display:none}html.dark .cm-theme-btn .cm-ico-sun{display:block}html.dark .cm-theme-btn .cm-ico-moon{display:none}
[data-cm-burger]{background:var(--cm-surface);border-color:var(--cm-border-strong)!important;color:var(--cm-text-2)!important}html.dark [data-cm-menu]{background:var(--cm-bg)}
.cm-dots{display:inline-flex;gap:.3em;align-items:center;vertical-align:middle}.cm-dots i{display:block;width:.45em;height:.45em;border-radius:50%;background:currentColor;animation:cm-dot-hop 1s ease-in-out infinite}.cm-dots i+i{animation-delay:.16s}@keyframes cm-dot-hop{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-.4em);opacity:1}}@keyframes cm-dot-fade{0%,60%,100%{opacity:.4}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.cm-dots i{animation:cm-dot-fade 1.2s ease-in-out infinite}.cm-dots i+i{animation-delay:.2s}}
@media (prefers-reduced-motion:reduce){a.rounded-full.bg-gradient-to-r.from-fuchsia-600.text-white:hover,a.block.rounded-full.bg-gradient-to-r.from-fuchsia-600:hover,.cm-btn:hover{transform:none}}
.cm-hero-logo{display:block;width:min(340px,72vw);height:auto;aspect-ratio:4908/740;margin:0 0 1.75rem;overflow:visible}.cm-offscreen,.cm-offscreen *{animation-play-state:paused!important}
#ghost-portal-root iframe,iframe[title^="portal"]{color-scheme:light}
.cm-404-bot{display:block;width:120px;height:120px;margin:0 auto 1.5rem}