:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 28px;
  --space-10: 36px;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-pill: 999px;

  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.14);
  --shadow-panel: none;
  --shadow-focus: 0 0 0 2px rgba(67, 56, 202, 0.2);

  --control-height: 34px;
  --control-height-sm: 30px;
  --sidebar-width: 248px;
  --topbar-height: 64px;

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 180ms;
}