:root {
  --rs-primary: #2563eb;
  --rs-primary-hover: #1d4ed8;
  --rs-primary-active: #1e40af;
  --rs-primary-light: #eff6ff;
  --rs-background: #f5f7fa;
  --rs-surface: #ffffff;
  --rs-surface-subtle: #f8fafc;
  --rs-border-light: #e5e7eb;
  --rs-border-medium: #d1d5db;
  --rs-border-strong: #9ca3af;
  --rs-text: #111827;
  --rs-text-secondary: #6b7280;
  --rs-text-muted: #9ca3af;
  --rs-success: #16a34a;
  --rs-success-light: #ecfdf3;
  --rs-warning: #d97706;
  --rs-warning-light: #fff7ed;
  --rs-danger: #dc2626;
  --rs-danger-light: #fef2f2;
  --rs-info: #2563eb;
  --rs-info-light: #eff6ff;
  --rs-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --rs-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  --rs-shadow-lg: 0 16px 36px rgba(15, 23, 42, 0.10);
  --rs-radius-sm: 8px;
  --rs-radius: 12px;
  --rs-radius-lg: 16px;
  --rs-space-xs: 4px;
  --rs-space-sm: 8px;
  --rs-space-md: 16px;
  --rs-space-lg: 24px;
  --rs-space-xl: 32px;
  --rs-space-xxl: 48px;
  --rs-control-height: 48px;
  --rs-content-max: 1600px;
  --font-family-base: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-base: 14px;
  --font-size-label: 14px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height-base: 1.5;
  --bg: var(--rs-background);
  --text: var(--rs-text);
  --orange: var(--rs-primary);
  --danger: var(--rs-danger);
}