:root {
  --mongee-text-primary: #1A1A1A;
  --mongee-text-secondary: #6B6B6B;
  --mongee-text-tertiary: #9A9A9A;
  --mongee-text-disabled: #BEBEBE;
  --mongee-text-placeholder: #C7C7CC;

  --mongee-bg-primary: #FFFFFF;
  --mongee-bg-secondary: #FAFAFA;
  --mongee-bg-tertiary: #F5F5F5;

  --mongee-border-light: #EEEEEE;
  --mongee-border-medium: #E0E0E0;
  --mongee-border-dark: #D0D0D0;

  --mongee-link: #2F6FEB;
  --mongee-warning: #C9A856;
  --mongee-danger: #C45C5C;
  --mongee-success: #6B9E6B;

  --mongee-radius-xs: 4px;
  --mongee-radius-sm: 8px;
  --mongee-radius-md: 12px;
  --mongee-radius-lg: 16px;
  --mongee-radius-xl: 20px;
  --mongee-radius-round: 9999px;

  --mongee-space-xxs: 2px;
  --mongee-space-xs: 4px;
  --mongee-space-sm: 8px;
  --mongee-space-md: 12px;
  --mongee-space-lg: 16px;
  --mongee-space-xl: 20px;
  --mongee-space-xxl: 24px;
  --mongee-space-xxxl: 32px;
  --mongee-space-huge: 40px;
  --mongee-space-massive: 48px;

  --mongee-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --mongee-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);

  --mongee-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "SF Pro Display", "Segoe UI", Roboto, sans-serif;
}