/* Shared Veyk brand styles. Edit this source, then run ops/sync-brand.py. */
:root{color-scheme:dark;--bg:#09090b;--surface:#111114;--surface-hover:#17171c;--border:#26262d;--text:#f5f5f7;--muted:#9b9ba8;--accent:#a99aff;--accent-hover:#bdb1ff;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
input:focus{border-color:var(--accent)}
::selection{background:#493c84;color:#fff}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:-80px;background:var(--accent);color:#09090b;padding:12px 18px;z-index:5}
.skip-link:focus{top:10px}
.topbar{height:100px;max-width:1440px;width:100%;margin:0 auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1.4px;font-weight:650}
.brand-mark{display:grid;place-items:center;background:#f5f5f7;color:#09090b;width:27px;height:27px;border-radius:8px;font-size:23px;line-height:1;font-weight:750;letter-spacing:-2px;padding-right:2px}
.brand-divider{color:#41414a;font-weight:300;font-size:23px;margin:0 3px}
.brand-product{font-size:13px;font-weight:450;letter-spacing:0;color:var(--muted)}
.publishing-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#b8b5c8;border:1px solid var(--border);border-radius:30px;padding:7px 12px}
.publishing-label>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
.primary{border:1px solid transparent;border-radius:8px;padding:12px 15px;font-size:13px;font-weight:650;color:#161120;background:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:15px;transition:background .15s,transform .15s}
.primary:hover:not(:disabled){background:var(--accent-hover)}
.primary:active:not(:disabled){transform:translateY(1px)}
.primary>span{font-size:18px;line-height:1}