:root {
  --ui-font-family-base: 'Inter', sans-serif;
  --ui-font-family-headers: 'Plus Jakarta Sans', sans-serif;
  --ui-button-border-width: 2px;
  --ui-button-border-color: var(--ui-color-grey-200);
  --ui-shared-border-radius: 10px;
  --ui-shared-border-width: 2px;
  --ui-shared-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  --ui-shared-padding-base: 1.25rem;
  --ui-shared-padding-md: 0.75rem;
  --ui-shared-link-color: #191919;
  --ui-border-radius-buttons: var(--ui-shared-border-radius);
}

body {
  background-color: #2C605D;
}

#main-content {
  z-index: 1;
  position: relative;
}

.ui-container {

  &.--max-width-xl {
    max-width: 1400px;
  }

  &.--max-width-lg {
    max-width: 1200px;
  }
}

.ui-button {

  &.--solid-green {
    background-color: #2C605D;
    color: white;
    border-width: 0;
    border-color: transparent;

    &:hover {
      background-color: #234C4A;
    }
  }
}