:root {

  --cerulean-blue: #036FA0;
  --cerulean-blue-rgb: 3 111 160;
  --cerulean-blue-hls: 199 96% 32%;

  --azure-blue: #009EE9;
  --azure-blue-rgb: 0 158 233;
  --azure-blue-hls: 200 100% 46%;
  
  --text-white-color-hls: 0 0% 98%;
  --text-soft-white-hls: 40 15% 97%;
  --text-soft-gray-hls: 0 0% 60%;

  --text-cerulean-blue-hls: 199 96% 32%;  
  --text-neutral-gray-hls: 0 0% 18%;
  --text-hover-neutral-gray-hls: 0 0% 18%;

  --chestnut-brown: #9D6633;
  --chestnut-brown-rgb: 157 102 51;
  --chestnut-brown-hls: 28 51% 41%;

  --dark-blue-gray: #242E3F;
  --dark-blue-gray-rgb: 36 46 63;
  --dark-blue-gray-hls: 218 27% 19%;
  
  --bg-soft-white-hls: 40 15% 97%;





  --navy-dark: 215 30% 18%;
  --navy-light: 215 20% 32%;
  --navy-color-rgb: 45, 59, 77;
  --navy-color:#2d3b4d;
  --accent-color-hls: 43 45% 59%;
  --primary-foreground-color-hls: 0 0% 98%;
  --primary-color-hls: 215 26% 22%;
  --background: 0 0% 99%;
  --foreground: 215 26% 22%;
  --border: 0 0% 85%;

  
  --text-blue-gray-hls: 215 26% 22%;
  --text-golden-color-hls: 43 45% 59%;
  --text-steel-gray-color-hls: 215 15% 45%;
  --text-green-rgb: 22 101 52;  
  --text-brown-rgb: 146 64 14;
  --blue-gray-hls: 215 26% 22%;
  --bg-full-white-hls: 0 0% 100%;
  --bg-white-color-hls: 0 0% 98%;
  --bg-golden-beige-hls: 43 45% 59%;  
  --bg-soft-crimson-hls: 0 84.2% 60.2%;
  --bg-soft-green-rgb: 240 253 244;
  --bg-soft-yellow-rgb: 255 251 235;
  --border-soft-yellow-rgb: 253 230 138;
  --border-soft-green-rgb: 187 247 208;
  --border-golden-hls: 43 45% 59%;
  --bs-navy: 215 26% 15%;
  --header-height: 72px;
  --card: 0 0% 100%;
  --card-foreground: 215 26% 22%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 26% 22%;
  --primary: 215 26% 22%;
  --primary-foreground: 0 0% 98%;
  --secondary: 40 15% 97%;
  --secondary-foreground: 215 26% 22%;
  --muted: 40 10% 94%;
  --muted-foreground: 215 15% 45%;
  --accent: 43 45% 59%;
  --accent-foreground: 215 26% 15%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 0 0% 85%;
  --input: 0 0% 88%;
  --ring: 43 45% 59%;
  --radius: .5rem;
  --navy: 215 26% 24%;
  --navy-dark: 215 30% 18%;
  --navy-light: 215 20% 32%;
  --offwhite: 0 0% 99%;
  --cream: 40 25% 96%;
  --gold: 43 45% 59%;
  --gold-light: 43 40% 70%;
  --gold-dark: 43 50% 45%;
  --gradient-gold: linear-gradient(135deg, hsl(43 45% 59%), hsl(43 40% 65%));
  --gradient-navy: linear-gradient(180deg, hsl(215 26% 22%), hsl(215 26% 18%));
  --shadow-soft: 0 2px 12px -2px hsl(215 26% 22% / .06);
  --shadow-card: 0 4px 20px -4px hsl(215 26% 22% / .1);
  --shadow-card-hover: 0 8px 30px -6px hsl(215 26% 22% / .14);
  --shadow-gold: 0 4px 20px -4px hsl(43 45% 59% / .3);
  --transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);
  --transition-bounce: all .4s cubic-bezier(.34, 1.56, .64, 1);
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --navy: 215 26% 24%;
  --navy-dark: 215 30% 18%;

}