/**
 * BASE ----------------------------------------------------------------------------------------------------------------
 */

html {
  --color-text-red: #dc3545;
  --color-link: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  --border-radius-xs: 8px;
  --border-radius-sm: 12px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-xl: 32px;
}

body {
  font-family: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h4,
h6 {
  font-weight: 400;
  line-height: 1.5;
}

dl,
dt,
dd {
  margin: 0;
}

a {
  color: var(--color-link);
  text-decoration: none;
}

a:hover {
  color: var(--color-text-primary-highlight);
}