:root {
  --gc-color-primary: #4d89de;
  --gc-color-primary-hover: #3a70c4;
  --gc-color-dark: #0f1923;
  --gc-color-dark-2: #162130;
  --gc-color-dark-3: #1e2f42;
  --gc-color-bg: #f4f7fc;
  --gc-color-surface: #ffffff;
  --gc-color-border: #dde6f0;
  --gc-color-text: #152033;
  --gc-color-muted: #6b7280;
  --gc-color-ev: #16a34a;
  --gc-color-warning: #f59e0b;
  --gc-color-china: #f97316;
  --gc-radius-sm: 6px;
  --gc-radius-md: 10px;
  --gc-radius-lg: 14px;
  --gc-shadow-card: 0 10px 24px rgba(15, 25, 35, 0.08);
  --gc-shadow-soft: 0 6px 16px rgba(15, 25, 35, 0.06);
  --gc-space-1: 4px;
  --gc-space-2: 8px;
  --gc-space-3: 12px;
  --gc-space-4: 16px;
  --gc-space-5: 24px;
  --gc-space-6: 32px;
  --gc-space-7: 48px;
  --gc-space-8: 64px;
  --gc-container: 1180px;
}