:root{--brand: #7030A0;--brand-dark: #4a1a70;--sidebar-bg: #2d1f3d;--sidebar-width: 260px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Segoe UI,system-ui,sans-serif;background:#f8f5fc;color:#111827}#root{height:100vh}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}