/* Shared identity only: page layouts and regulatory status colors stay local. */
:root{--cpg-background:#0b0b0a;--cpg-text:#e9e8e3;--cpg-gold:#e8be7a;--cpg-line:#44433d;--cpg-wordmark:'IBM Plex Mono',ui-monospace,monospace;--cpg-body:'IBM Plex Sans',system-ui,sans-serif}
.brand-name,.landing .lp-brand-name,#pg-auth .auth-wm,.topbar>a.brand,header a.brand{font-family:var(--cpg-wordmark);font-size:22px;font-weight:600;letter-spacing:.04em;line-height:1.25}
.topbar>a.brand,header a.brand{display:inline-flex;align-items:center;gap:10px;color:var(--cpg-text);text-decoration:none}
.topbar>a.brand::before,header a.brand::before{content:'';display:block;flex:none;width:30px;height:36px;background:url('/ui/brand-mark.svg') center/contain no-repeat}
.landing .lp-brand-mark{border:0;width:30px;height:36px}
.landing .lp-brand-mark img{display:block;width:100%;height:100%}
#pg-auth .auth-logo-img{width:30px;height:36px}
.topnav .brand-img{width:38px;height:44px}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cpg-gold);outline-offset:4px}
.example-page{font-family:var(--cpg-body);--bg:var(--cpg-background);--ink:var(--cpg-text);--accent:var(--cpg-gold);--line:var(--cpg-line)}
.example-page .button{border-radius:6px}
.example-page .nav{flex-wrap:wrap}
@media(max-width:480px){.brand-name,.landing .lp-brand-name,#pg-auth .auth-wm,.topbar>a.brand,header a.brand{font-size:20px}}