html:root { --accent: #3b5bdb; --on-accent: #ffffff; --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --radius: 10px; --rk: 1.000; --r-btn: 8px; font-size: 16.00px; }
html:root body { font-family: var(--font); font-size: 14px; line-height: 1.45; letter-spacing: 0em; }
html:root h1, html:root h2, html:root h3, html:root .h1 { font-family: var(--font-heading); font-weight: 700; }
html:root h1 { font-size: 1.60rem; }
html:root h2 { font-size: 0.80rem;  }
html:root .brand, html:root .brand-name { font-family: var(--font-heading); }
html:root .btn, html:root .text-btn, html:root .tb2, html:root .pill, html:root .chip { border-radius: var(--r-btn); }
html:root .btn.primary, html:root .pill.primary, html:root .chip.active, html:root .brand-mark { color: var(--on-accent); }
html:root .dialog, html:root .pp, html:root .pop, html:root .mask, html:root .adj, html:root .app.studio .stage-wrap > .actionbar, html:root .app.studio .stage-wrap > .stagebar { box-shadow: 0 8px 26px rgb(16 24 40 / 20%); }
html:root .pd-rich {  line-height: 1.45; } html:root .pd-rich p { margin: 0 0 0.6em; } html:root .pd-rich a { color: var(--accent); text-decoration: underline; } html:root .pd-rich h1, html:root .pd-rich h2, html:root .pd-rich h3, html:root .pd-rich h4 { font-family: var(--font-heading);  margin: .9em 0 .35em; text-transform: none; letter-spacing: 0; }
html:root .pd-rich ul { list-style: disc; padding-left: 1.2em; }
html:root .brand-logo { height: 32px; width: auto; max-width: 220px; object-fit: contain; }