:root {
  --ms-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --ms-text-tiny: 10px;
  --ms-leading-tiny: 14px;
  --ms-text-caption: 11px;
  --ms-leading-caption: 16px;
  --ms-text-label: 12px;
  --ms-leading-label: 16px;
  --ms-text-item: 13px;
  --ms-leading-item: 18px;
  --ms-text-body: 14px;
  --ms-leading-body: 20px;
  --ms-text-section: 16px;
  --ms-leading-section: 22px;

  --ms-radius-xs: 3px;
  --ms-radius-sm: 4px;
  --ms-radius-md: 6px;
  --ms-radius-lg: 8px;
  --ms-radius-xl: 10px;
  --ms-radius-2xl: 12px;
  --ms-radius-full: 999px;
  --ms-radius-control: var(--ms-radius-md);
  --ms-radius-field: var(--ms-radius-md);
  --ms-radius-card: var(--ms-radius-lg);
  --ms-radius-panel: var(--ms-radius-xl);
  --ms-radius-overlay: var(--ms-radius-xl);
  --ms-radius-window: var(--ms-radius-2xl);
  --ms-radius-icon: var(--ms-radius-md);
  --ms-radius-composer: 18px;

  --ms-blur-frosted-sm: 16px;
  --ms-blur-frosted-md: 24px;
  --ms-blur-frosted-lg: 36px;
  --ms-saturate-frosted: 1.18;

  --ms-space-1: 4px;
  --ms-space-2: 8px;
  --ms-space-3: 12px;
  --ms-space-4: 16px;

  --ms-duration-fast: 120ms;
  --ms-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}
