:root{--ds-background:oklch(12% .005 285.823);--ds-surface:oklch(21.03% .0059 285.89);--ds-surface-raised:oklch(24% .005 285.9);--ds-surface-hover:oklch(24% .005 285.9);--ds-border:oklch(25% .006 286.033);--ds-border-strong:oklch(31% .006 286);--ds-text:oklch(99.11% 0 0);--ds-text-muted:oklch(70.5% .015 286.067);--ds-text-faint:oklch(55.17% .0138 285.94);--ds-accent:oklch(62.04% .195 253.83);--ds-accent-hover:color-mix(in oklab,var(--ds-accent) 90%,var(--ds-text) 10%);--ds-accent-soft:oklch(28% .07 253.83);--ds-radius-sm:8px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-control-height:2rem;--ds-sidebar-width:15rem;--ds-shell-width:100rem;--ds-motion-control:.26s;--ds-motion-ease:cubic-bezier(.22,1,.36,1);--bg:var(--ds-background);--surface:var(--ds-surface);--surface-2:var(--ds-surface-raised);--line:var(--ds-border);--text:var(--ds-text);--muted:var(--ds-text-muted);--blue:var(--ds-accent)}.sidebar{width:var(--ds-sidebar-width)}.demo-bar-inner{max-width:var(--ds-shell-width)}