$portal-primary: #1e3c72;
$portal-secondary: #2a5298;
$portal-accent: #f5a623;
$portal-success: #67c23a;
$portal-warning: #e6a23c;
$portal-danger: #f56c6c;
$portal-info: #909399;

$portal-text-primary: #333333;
$portal-text-regular: #666666;
$portal-text-secondary: #999999;
$portal-text-placeholder: #cccccc;

$portal-bg-primary: #ffffff;
$portal-bg-secondary: #f5f7fa;
$portal-bg-tertiary: #fafafa;

$portal-border-color: #e0e0e0;
$portal-border-light: #f0f0f0;

$portal-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.08);
$portal-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
$portal-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

$portal-radius-sm: 4px;
$portal-radius-md: 8px;
$portal-radius-lg: 12px;
$portal-radius-xl: 16px;

$portal-font-size-xs: 12px;
$portal-font-size-sm: 13px;
$portal-font-size-base: 14px;
$portal-font-size-md: 16px;
$portal-font-size-lg: 18px;
$portal-font-size-xl: 20px;
$portal-font-size-2xl: 24px;
$portal-font-size-3xl: 32px;
$portal-font-size-4xl: 42px;

$portal-spacing-xs: 5px;
$portal-spacing-sm: 10px;
$portal-spacing-md: 15px;
$portal-spacing-lg: 20px;
$portal-spacing-xl: 30px;
$portal-spacing-2xl: 40px;
$portal-spacing-3xl: 60px;

$portal-transition-base: all 0.3s ease;
$portal-transition-fast: all 0.2s ease;
$portal-transition-slow: all 0.5s ease;
