:root {
  --hdt-font-sans: Inter, Manrope, "Segoe UI", Arial, sans-serif;
  --hdt-page: #f5f7fb;
  --hdt-surface: #ffffff;
  --hdt-surface-soft: #eef1f8;
  --hdt-border: #dde2ed;
  --hdt-text: #252936;
  --hdt-muted: #687080;
  --hdt-primary: #675fe8;
  --hdt-primary-hover: #5549d8;
  --hdt-primary-soft: #eeecff;
  --hdt-success: #2f8f6b;
  --hdt-success-soft: #e6f5ef;
  --hdt-warning: #a96d15;
  --hdt-warning-soft: #fff2d7;
  --hdt-danger: #b6475a;
  --hdt-danger-soft: #fde9ed;
  --hdt-info: #3977c6;
  --hdt-info-soft: #e8f1ff;
  --hdt-radius-sm: .75rem;
  --hdt-radius: 1rem;
  --hdt-radius-lg: 1.375rem;
  --hdt-shadow-sm: 0 .5rem 1.5rem rgba(29, 38, 68, .07);
  --hdt-shadow-md: 0 1.125rem 3rem rgba(29, 38, 68, .12);
  --bs-body-font-family: var(--hdt-font-sans);
  --bs-body-color: var(--hdt-text);
  --bs-body-bg: var(--hdt-page);
  --bs-primary: var(--hdt-primary);
  --bs-primary-rgb: 103, 95, 232;
  --bs-border-color: var(--hdt-border);
  --bs-border-radius: var(--hdt-radius-sm);
  --bs-border-radius-lg: var(--hdt-radius);
  --bs-link-color: var(--hdt-primary);
  --bs-link-hover-color: var(--hdt-primary-hover);
}