/* START:___typo___ */
@use "../vendors/bootstrap" as *;

/* Body and Paragraph Styles */
body,
.p {
  line-height: var(--ev-text-line-height, 1.5);
  font-family: var(--ev-text-font-family, system-ui);
  font-weight: var(--ev-text-font-weight, normal);
  font-size: var(--ev-text-font-size, var(--ev-step-0));
}

/* Paragraph Margin */
p,
.p {
  margin-bottom: var(--ev-text-margin-bottom, 1.5rem);
}

/* Subtitle Styles */
.subtitle {
  grid-row: 1;
  line-height: var(--subtitle-line-height, 1.5);
  font-family: var(--subtitle-font-family, var(--ev-heading-font-family, system-ui));
  font-weight: var(--subtitle-font-weight, var(--ev-heading-font-weight, normal));
  font-size: var(--subtitle-font-size, var(--ev-step-0));
  color: var(--subtitle-color, var(--ev-heading-color, var(--ev-dark)));
  margin-bottom: calc(var(--ev-heading-margin-bottom) * .75);
}

.item-title {
  font-size: var(--ev-step-2);
  margin-bottom: var(--ev-space-xs);
}


/* Headings (h1-h6) */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--ev-heading-font-family, system-ui);
  font-weight: var(--ev-heading-font-weight, bold);
  line-height: var(--ev-heading-line-height, 1.2);
  color: var(--ev-heading-color, var(--ev-dark));
  letter-spacing: var(--ev-heading-letter-spacing, 0);
  text-transform: var(--ev-heading-case, normal);
  margin-bottom: var(--ev-heading-margin-bottom, 0.5rem);

  b,
  strong {
    font-weight: var(--ev-heading-font-weight, bold);
    color: var(--ev-primary, var(--ev-dark));
  }
}

/* Heading Sizes */
h1,
.h1 {
  font-size: var(--ev-step-5, 2em);
}

h2,
.h2 {
  font-size: var(--ev-step-4, 1.5em);
}

h3,
.h3 {
  font-size: var(--ev-step-3, 1.17em);
}

h4,
.h4 {
  font-size: var(--ev-step-2, 1em);
}

h5,
.h5 {
  font-size: var(--ev-step-1, 0.83em);
}

h6,
.h6,
small,
.text_small {
  font-size: var(--ev-step--1, 0.67em);
}

/* Text Colors */
.text-danger {
  color: var(--ev-danger);
}

.text-success {
  color: var(--ev-success);
}

.text-warning {
  color: var(--ev-warning);
}

.text-info {
  color: var(--ev-info);
}

.text-primary {
  color: var(--ev-primary);
}

.text-secondary {
  color: var(--ev-primary);
}

/* Label */
label {
  display: block;
  color: var(--ev-heading-color, var(--ev-dark));
  font-size: var(--ev-text-font-size, var(--ev-step-0));
  font-weight: calc(var(--ev-text-font-weight) + 100);
  font-family: var(--ev-heading-font-family, system-ui);
  margin-bottom: var(--ev-space-3xs-2xs);
}

/* END:___typo___ */