:root {
  --color-background: 209 217 224;
  --color-blue: 27 89 152;
  --color-blue-hover: 49 105 162;
  --color-green: 44 150 100;
  --color-white: 255 255 255;
  --foreground: 13 26 38;
  --gray-hover: 27 89 152;
  --color-border: 209 217 224;
  --color-black: 13 26 38;
  --color-gray: 92 102 112;
  --card-shadow: 0 2px 16px -4px hsl(210 50% 10% / .1);
  --color-gray-background: 243 245 246;
  --color-section-background: 236, 240, 243;
  /* --hero-gradient: linear-gradient(135deg, rgb(27 89 152 / 0.92), rgb(44 150 100 / 0.85)); */
  
  --hero-gradient: linear-gradient(135deg, hsl(210 70% 20% / 0.92), hsl(152 55% 25% / 0.85));
  --tw-gradient-stops: var(hsl(210 70% 35%) ), hsl(var(152 55% 38%)) var(hsl(210 70% 35%) , hsl(152 55% 38%) , hsl(210 70% 35%)), var(hsl(210 70% 35%));

  --card-shadow-hover: 0 8px 28px -6px hsl(210 50% 10% / .18);


}