:root { --ds-color-brand:#0ea5e9; --ds-color-gold:#c9a227; --ds-space-1:4px; --ds-space-2:8px; --ds-space-3:12px; --ds-space-4:16px; --ds-space-6:24px; --ds-radius-sm:5px; --ds-radius-md:8px; --ds-radius-lg:12px; --ds-shadow-sm:0 2px 8px rgba(0,0,0,.18); --ds-shadow-lg:0 18px 50px rgba(0,0,0,.38); --ds-border:1px solid var(--border-subtle); --ds-layer-dropdown:700; --ds-layer-modal:900; --ds-focus:0 0 0 3px rgba(14,165,233,.28); --ds-motion-fast:120ms; --ds-motion-standard:180ms; --ds-control-height:44px; --ds-density-gap:8px; }
:root { --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --control-height-sm:36px; --control-height-md:44px; --card-padding:16px; --card-gap:18px; --section-gap:22px; --radius-sm:5px; --radius-md:8px; --icon-size-sm:16px; --icon-size-md:20px; }
:root { --shell-sidebar-width:210px; --shell-sidebar-collapsed-width:64px; --shell-active-sidebar-width:var(--shell-sidebar-width); --content-inline-start:16px; --content-inline-end:16px; --page-gutter:16px; --section-gap:24px; --card-gap:18px; --header-grid-start:0px; --workspace-grid-start:0px; --page-content-max:1920px; }
:root { --topbar-height:62px; --topbar-control-height:42px; --topbar-inline-padding:14px; --brand-block-height:42px; --identity-avatar-size:46px; --platform-window-header-height:58px; --platform-window-radius:13px; }
:root { --nav-icon-column: 24px; --nav-text-start: 34px; --nav-row-padding-x: 12px; --nav-indent-level-1: 0px; --nav-indent-level-2: 18px; }
html[data-density="compact"] { --ds-control-height:36px; --ds-density-gap:5px; }
html[data-density="comfortable"] { --ds-control-height:48px; --ds-density-gap:12px; }