:root {
  --k-primary: #2b2d8c;
  --k-primary-dark: #22246f;
  --k-primary-light: #5b5fd6;
  --k-primary-rgb: 43, 45, 140;
  --k-primary-50: #eeeefb;
  --k-sidebar: #1e1f63;
  --k-accent: #ff6b5c;
  --k-accent-dark: #d94a3c;
  --k-warm: #ffb84d;
  --k-warm-50: #fff5e3;
  --k-warm-25: #fff8eab6;
  --k-success: #3ecfa0;
  --k-warning: #ffb84d;
  --k-info: #5b5fd6;
  --k-danger: #e2484a;
  --k-body-bg: #f5f6fa;
  --k-surface: #fff;
  --k-text: #1f2033;
  --k-text-soft: #5c5e75;
  --k-text-muted: #8a8ca0;
  --k-border: #e1e3ee;
  --k-radius: 10px;
  --k-radius-lg: 16px;
  --k-shadow: 0 2px 8px rgba(31, 32, 51, .08);
  --k-shadow-lg: 0 8px 24px rgba(31, 32, 51, .12);
}

.text-brand { color: var(--k-primary) !important; }
.bg-brand { background-color: var(--k-primary) !important; }
.bg-brand-50 { background-color: var(--k-primary-50) !important; }
.text-warm { color: var(--k-warm) !important; }
.form-control:focus, .form-select:focus {
  border-color: var(--k-primary-light);
  box-shadow: 0 0 0 .2rem rgba(var(--k-primary-rgb), .2);
}