:root {
  --dhv-brand: #ed3239;
  --dhv-brand-action: #d82831;
  --dhv-brand-hover: #bd222b;
  --dhv-on-brand: #ffffff;
  --dhv-brand-soft: #fff2f3;
  --dhv-brand-soft-strong: #ffe4e7;
  --dhv-brand-soft-border: #ffc7cc;
  --dhv-focus-ring: rgba(216, 40, 49, .18);
  --dhv-context-glow: rgba(237, 50, 57, .10);
  --dhv-ink: #172033;
  --dhv-text: #344054;
  --dhv-muted: #667085;
  --dhv-subtle: #98a2b3;
  --dhv-bg: #f7f8fa;
  --dhv-surface: #ffffff;
  --dhv-surface-soft: #f9fafb;
  --dhv-border: #e4e7ec;
  --dhv-border-strong: #d0d5dd;
  --dhv-success: #067647;
  --dhv-success-bg: #ecfdf3;
  --dhv-warning: #b54708;
  --dhv-warning-bg: #fffaeb;
  --dhv-danger: #b42318;
  --dhv-danger-bg: #fef3f2;
  --dhv-info: #175cd3;
  --dhv-info-bg: #eff8ff;
  --dhv-success-border: #abefc6;
  --dhv-warning-border: #fedf89;
  --dhv-danger-border: #fecdca;
  --dhv-info-border: #b2ddff;
  --dhv-radius-sm: 10px;
  --dhv-radius: 14px;
  --dhv-radius-lg: 18px;
  --dhv-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 30px rgba(16, 24, 40, .035);
  --dhv-font: Arial, Helvetica, sans-serif;
  --dhv-type-xs: 12px;
  --dhv-type-sm: 13px;
  --dhv-type-body: 16px;
  --dhv-type-md: 18px;
  --dhv-type-lg: 22px;
  --dhv-type-xl: 30px;
  --dhv-leading-tight: 1.25;
  --dhv-leading-body: 1.55;
  --dhv-leading-reading: 1.7;
  --dhv-space-1: 8px;
  --dhv-space-2: 12px;
  --dhv-space-3: 16px;
  --dhv-space-4: 24px;
  --dhv-space-5: 32px;
  --dhv-space-6: 40px;
  --dhv-space-7: 48px;
  --dhv-shell: 1360px;
  --dhv-sidebar: 236px;
}