:root {
  --hf-navy: #17145D;
  --hf-navy-2: #242070;
  --hf-orange: #FF8A1C;
  --hf-orange-hover: #F57900;
  --hf-white: #FFFFFF;
  --hf-bg: #F6F8FD;
  --hf-border: #E2E6F0;
  --hf-text: #14182C;
  --hf-muted: #6A7288;
  --hf-success: #39A765;

  --hf-radius-sm: 10px;
  --hf-radius-md: 14px;
  --hf-radius-lg: 18px;

  --hf-shadow-sm: 0 4px 14px rgba(23, 20, 93, 0.06);
  --hf-shadow-md: 0 10px 28px rgba(23, 20, 93, 0.09);

  --hf-container: 1440px;
}