:root {
  --kp-primary: #31b0d5;
  --kp-primary-rgb: 49, 176, 213;
  --kp-primary-700: #157f9f;
  --kp-primary-800: #0c647f;
  --kp-primary-100: #e7f7fc;
  --kp-primary-050: #f3fbfe;
  --kp-sky: #7cbeeb;
  --kp-accent: #ab5502;
  --kp-accent-rgb: 171, 85, 2;
  --kp-accent-100: #fff0df;
  --kp-navy: #073b4c;
  --kp-navy-900: #052d3a;
  --kp-navy-800: #0a4354;
  --kp-ink: #172033;
  --kp-muted: #667085;
  --kp-muted-2: #8a94a6;
  --kp-bg: #f5f8fb;
  --kp-surface: #ffffff;
  --kp-surface-soft: #f9fbfd;
  --kp-border: #dfeaf0;
  --kp-border-strong: #c8dbe4;
  --kp-success: #198754;
  --kp-success-soft: #eaf7f0;
  --kp-warning: #d97706;
  --kp-warning-soft: #fff7e8;
  --kp-danger: #c83e4d;
  --kp-danger-soft: #fff0f2;
  --kp-info-soft: #eaf8fd;
  --kp-radius-xs: 0.45rem;
  --kp-radius-sm: 0.7rem;
  --kp-radius: 1rem;
  --kp-radius-lg: 1.4rem;
  --kp-radius-xl: 2rem;
  --kp-shadow-xs: 0 2px 8px rgba(7, 59, 76, 0.04);
  --kp-shadow-sm: 0 8px 22px rgba(7, 59, 76, 0.07);
  --kp-shadow: 0 18px 42px rgba(7, 59, 76, 0.09);
  --kp-shadow-lg: 0 30px 72px rgba(7, 59, 76, 0.14);
  --kp-topbar-height: 72px;
  --kp-sidebar-width: 292px;
  --kp-transition: 180ms ease;
  --bs-primary: var(--kp-primary);
  --bs-primary-rgb: var(--kp-primary-rgb);
  --bs-body-color: var(--kp-ink);
  --bs-body-bg: var(--kp-bg);
  --bs-border-color: var(--kp-border);
  --bs-link-color: var(--kp-primary-700);
  --bs-link-hover-color: var(--kp-navy);
  --bs-border-radius: var(--kp-radius-sm);
  --bs-border-radius-lg: var(--kp-radius);
  --bs-focus-ring-color: rgba(var(--kp-primary-rgb), 0.24);
}