:root {
  --cb-bg: #f4f6f9;
  --cb-surface: #ffffff;
  --cb-surface-soft: #f8fafc;
  --cb-text: #0f172a;
  --cb-muted: #64748b;
  --cb-muted-2: #94a3b8;
  --cb-border: #e2e8f0;
  --cb-primary: #0ea5e9;
  --cb-primary-strong: #2563eb;
  --cb-primary-soft: rgba(14, 165, 233, .10);
  --cb-lilac: #8b5cf6;
  --cb-success: #10b981;
  --cb-warning: #f59e0b;
  --cb-danger: #ef4444;
  --cb-dark: #07111f;
  --cb-dark-soft: #0f1d31;
  --cb-radius-sm: 12px;
  --cb-radius: 16px;
  --cb-radius-lg: 20px;
  --cb-shadow: 0 8px 24px rgba(15, 23, 42, .06);
  --cb-shadow-lg: 0 24px 70px rgba(15, 23, 42, .13);
  --cb-focus: 0 0 0 4px rgba(14, 165, 233, .14);
  --cb-container: 1180px;
  --cb-header-h: 76px;
  --cb-transition: 180ms ease;
}