:root {
  --xl-page-bg: #f4f8ff;
  --xl-surface: #ffffff;
  --xl-text: #172a56;
  --xl-muted: #65769b;
  --xl-blue: #1c97eb;
  --xl-purple: #8d68ff;
  --xl-pink: #f35b8b;
  --xl-yellow: #ffcb3d;
  --xl-orange: #ff9f35;
  --xl-border: #cddcf3;
  --xl-shadow: 0 12px 30px rgba(61, 91, 142, .14);
  --xl-radius-panel: 28px;
  --xl-radius-card: 20px;
  --xl-radius-pill: 999px;
  --xl-content-max: 1180px;
}