/* Shared geometry for the website header and editor toolbar. */
:root{--app-header-height:56px}

/* Shared surface and controls for planning and presentation model toolbars. */
:root{--model-toolbar-surface:#fff;--model-toolbar-soft:#f5f5f8;--model-toolbar-ink:#24242a;--model-toolbar-muted:#676973;--model-toolbar-line:#dedfe5;--model-toolbar-accent:#5227ff;--model-toolbar-selected:rgba(82,39,255,.10);--model-toolbar-selected-line:rgba(82,39,255,.25);--model-toolbar-shadow:0 18px 48px rgba(32,39,53,.12),inset 0 1px rgba(255,255,255,.92);--model-toolbar-radius:24px;--model-toolbar-control-radius:12px;}
html[data-theme="dark"]{--model-toolbar-surface:#262931;--model-toolbar-soft:#30333d;--model-toolbar-ink:#f2f1f8;--model-toolbar-muted:#afb1bf;--model-toolbar-line:#444750;--model-toolbar-accent:#c3afff;--model-toolbar-selected:rgba(119,91,255,.22);--model-toolbar-selected-line:rgba(166,148,255,.42);--model-toolbar-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.10);--model-toolbar-radius:24px;--model-toolbar-control-radius:12px;}