:root {
  --hcb-blue-950: #062b52;
  --hcb-blue-900: #073b70;
  --hcb-blue-800: #0b5c9f;
  --hcb-blue-700: #0d6fc9;
  --hcb-blue-600: #1688e5;
  --hcb-blue-500: #1fa2ff;
  --hcb-blue-100: #eaf6ff;

  --hcb-cyan: #55d6ff;
  --hcb-green: #2ee58f;
  --hcb-green-dark: #16b86d;

  --hcb-text: #102033;
  --hcb-muted: #6f7f95;
  --hcb-border: #dce8f4;
  --hcb-soft: #f4f9ff;
  --hcb-white: #ffffff;

  --hcb-shadow: 0 28px 75px rgba(15, 35, 65, 0.28);
  --hcb-shadow-soft: 0 12px 32px rgba(15, 35, 65, 0.10);

  --hcb-radius-xl: 30px;
  --hcb-radius-lg: 22px;
  --hcb-radius-md: 16px;
  --hcb-radius-sm: 12px;
}