:root {
  --cb-color-ink: #172633;
  --cb-color-muted: #536677;
  --cb-color-brand: #123e63;
  --cb-color-brand-strong: #0b2b47;
  --cb-color-line: #d5e0e8;
  --cb-color-surface: #fff;
  --cb-color-wash: #f4f8fb;
  --cb-color-success: #23664d;
  --cb-color-success-wash: #e7f3ec;
  --cb-color-warning: #835614;
  --cb-color-warning-wash: #fff3dc;
  --cb-color-danger: #96312d;
  --cb-color-danger-wash: #fff0ef;
  --cb-radius-control: 9px;
  --cb-radius-card: 15px;
  --cb-shadow-card: 0 8px 24px rgba(20, 60, 92, .045);
  --cb-space-1: 4px;
  --cb-space-2: 8px;
  --cb-space-3: 12px;
  --cb-space-4: 16px;
  --cb-space-5: 20px;
  --cb-space-6: 24px;
}

.cb-status { display:inline-flex; align-items:center; min-height:24px; padding:4px 9px; border-radius:99px; background:#eaf1f7; color:var(--cb-color-brand); font-size:12px; font-weight:800; line-height:1.2; }
.cb-status--success { background:var(--cb-color-success-wash); color:var(--cb-color-success); }
.cb-status--warning { background:var(--cb-color-warning-wash); color:var(--cb-color-warning); }
.cb-status--danger { background:var(--cb-color-danger-wash); color:var(--cb-color-danger); }