:root {
  --primary-color: #f3ddc4;
  --secondary-color: #fff;
  --third-color: #2a2a2a;
  --primary-bg-color: linear-gradient(
      45deg,
      rgba(230, 240, 231, 0.58),
      rgba(208, 211, 225, 0.42)
    )
    rgb(238, 218, 197);
  --primary-shadow-color: 0px 0px 0px 0px rgb(79 146 60 / 10%),
    1px -3px 11px 0px rgba(205, 198, 198, 0.1),
    1px -6px 20px 0px rgb(189 171 171 / 9%),
    -1px 6px 27px 0px rgba(0, 0, 0, 0.05),
    0px 1px 32px 0px rgba(220, 194, 194, 0.01),
    5px 20px 35px 0px rgba(231, 225, 225, 0);

  /* CSS HEX */
  --black: #0a0908ff;
  --gunmetal: #22333bff;
  --white-smoke: #fff8f8;
  --beaver: #a9927dff;
  --walnut-brown: #5e503fff;
  --light-beaver: #a9927d78;
  --light-wite: #F2F4F3;
}