:root {
  /*colors*/
  --main-color: #151515;
  --gray-color: #75807e;
  --accent-color: #fbba00;
  --light-color: #ffffff;
  --color-red: #cf2e2e;
  --color-black: #161c2d;
  --color-transparent: transparent;
  --color-shadow: rgba(22, 28, 45, 0.05);

  --color-white: #ffffff;
  --color-light-white: #f9f9f9;
  --color-dark-gray: #6c7275;
  --color-gray: #a6a6a6;
  --color-light-gray: #f3f5f7;
  --color-blue: #377dff;
  --color-light-blue: #90c0ec;
  --color-green: #38cb89;
  --color-purple: #a23dff;
  --color-orange: #ff8c42;

  /*colors*/
  /*border*/
  --border: 2px solid var(--color-black);
  --border-radius: 16px;
  --border-radius-small: 8px;
  --border-radius-large: 32px;
  /*border*/
  /*body*/
  --font-family-base: "Gilroy", serif;
  --container-width: 1320px;
  --container-padding-x: clamp(1.25rem, -5.519rem + 10.58vw, 4rem);
  --section-padding-y: clamp(3rem, 1.195rem + 7.7vw, 8.125rem);
  /*body*/
  /*button*/
  --input-height: 56px;
  --button-height: 56px;
  --icon-button-height: 30px;
  --transition-duration: 0.3s;
  /*button*/
} /*# sourceMappingURL=style.css.map */