:root {
  /* Fonts */
  --market-content-fonts: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  --market-header-fonts: 'Graphik Cond', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;

  /* Colors */
  --white-color: #fff;
  --dark-blue-color: #0C73BD;
  --light-blue-color: #199BFA;
  --bright-blue-color: #f0f9ff;
  --light-yellow-color: #e6ffa0;
  --dark-yellow-color: #adbf78;
  --light-green-color: #00ba06;
  --dark-green-color: #00a505;
  --light-gray-color: #888888;
  --dark-gray-color: #666666;

  --background-white-color: #ffffff;
  --background-light-gray-color: #f9f9f9;
  --background-medium-gray-color: #f2f2f2;
  --background-dark-gray-color: #9a9a9a;

  --background-linear-gradient: linear-gradient(#2a3a5e99, #2a3a5e99);

  --text-black-color: #282828;
  --text-gray-color: #666666;

  --border-light-gray-color: #f3f3f3;
  --border-dark-gray-color: #d3d3d3;

  /* Dimensions */
  --mobile-header-height: 56px;
  --desktop-header-height: 72px;

  /* Spacing */
  --side-spacing: 1rem;

  /* Radius */
  --border-radius: 1.25rem;
  --border-radius-small: 0.75rem;

  /* Margins */
  --standard-margin: 2rem;
  --large-margin: 3rem;

  --font-weight-bold: 700;

  --letter-spacing-medium: 0.1rem;

  --box-shadow-light: 0px 5px 30px 0px rgba(155, 155, 155, 0.20);
  --box-shadow-heavy: 0px 1px 5px 0px rgba(0, 0, 0, 0.250);
}

/* Accessibility utility class for screen reader only content */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}