:root{
  --crm-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --crm-radius-xs: 10px;
  --crm-radius-sm: 14px;
  --crm-radius-md: 18px;
  --crm-radius-lg: 24px;
  --crm-shadow-sm: 0 12px 30px rgba(2, 8, 23, .10);
  --crm-shadow-md: 0 20px 44px rgba(2, 8, 23, .14);
  --crm-shadow-lg: 0 28px 72px rgba(2, 8, 23, .22);
  --crm-shell-w: 286px;
  --crm-shell-top: 78px;
  --crm-page-max: 1660px;
  --crm-gap: 24px;
  --crm-accent: #2f6cf6;
  --crm-accent-2: #0ea5e9;
  --crm-success: #16a34a;
  --crm-warning: #d97706;
  --crm-danger: #dc2626;
  --crm-info: #2563eb;
  --crm-light-bg: #eef3fb;
  --crm-light-bg-2: #e6edf8;
  --crm-light-surface: #ffffff;
  --crm-light-surface-2: #f7faff;
  --crm-light-border: #d5dfec;
  --crm-light-text: #182235;
  --crm-light-muted: #607089;
  --crm-light-muted-2: #8191a8;
  --crm-dark-bg: #0f172a;
  --crm-dark-bg-2: #111c33;
  --crm-dark-surface: #172338;
  --crm-dark-surface-2: #1d2a42;
  --crm-dark-border: #2f3f5e;
  --crm-dark-text: #edf3ff;
  --crm-dark-muted: #aebbd1;
  --crm-dark-muted-2: #8292ad;
}