:root{--color-cta:#d27098;--color-cta-hover:#b85a80;--color-cta-text:#ffffff;--color-badge-new:#f59abd;--color-badge-upgrade:#d27098;--color-rail-bg:#142944;--color-rail-text:#fae9f0;--color-rail-muted:#b3b3b3;--color-rail-active:#ffffff;--color-canvas:#ffffff;--color-canvas-muted:#fcf8fc;--color-border:#f7e0e7;--color-text:#142944;--color-text-muted:#384b65;--color-danger:#d93025;--color-focus:#d27098;--color-accent:#f59abd;--color-light-accent:#f8b8d1;--color-surface-muted:#f5f0f4;--color-banner-info:#fdf4f8;--color-nav-hover:rgba(255,255,255,0.08);--rail-width:240px;--canvas-radius:12px;--canvas-padding-x:32px;--canvas-inset:8px;--settings-subnav-width:216px;--radius-sm:4px;--radius-md:8px;--radius-button:8px;--radius-card:12px;--radius-segment:6px;--radius-pill:999px;--type-title-page:400 20px/25px var(--font-sans);--type-section-label:600 14px/1.25 var(--font-sans);--type-body-sm:500 14px/1.4 var(--font-sans);--type-modal-title:700 24px/1.2 var(--font-sans);--type-button-sm:500 14px/1.2 var(--font-sans);--control-height-sm:32px;--control-height-md:40px;--segment-height:24px;--font-sans:"Source Sans 3","Segoe UI","Helvetica Neue",sans-serif;--shadow-modal:0 12px 40px rgba(20,41,68,0.18);--z-modal:1000;--z-toast:1100;--z-demo:1200}