/* pro3.css — unified brand tokens. Loads last on every page.
   Brand: violet→cyan gradient (primary) + royal gold (free / premium). */
:root{--gold:#E8B428;--gold-hi:#F3CF63;--green:#E8B428;--green-hi:#F3CF63;--ok:#2FD08A}
:root[data-theme=light]{--gold:#B8860B;--gold-hi:#8A6508;--green:#B8860B;--green-hi:#8A6508}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--green:#B8860B;--green-hi:#8A6508}}
a{text-underline-offset:3px}
.prose a,.docs a:not(.btn),.m-wrap a:not(.btn):not(.m-card){color:var(--amber-hi)}
.prose a:hover,.docs a:not(.btn):hover{text-decoration:underline}
.hero__free{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent)!important}
.hero__free strong,.hero__free b{color:var(--gold-hi)!important;-webkit-text-fill-color:currentColor;background:none}
.hero__kicker .dot{background:var(--gold)!important}
code:not(pre code){background:color-mix(in srgb,var(--amber) 14%,transparent);border:1px solid var(--line);border-radius:6px;padding:.1em .4em}
.footer__bottom{gap:14px}
[id]{scroll-margin-top:84px}
img,svg{max-width:100%}