@import url("/assets/lib/elements/text/tables-54f083fa.css");
@import url("/assets/lib/elements/text/prose-ae4f535b.css");
@import url("/assets/lib/elements/text/messages-f2da6f8d.css");

:root {
  ::selection {
    color: var(--highlight-text, HighlightText);
    background-color: var(--highlight, Highlight);
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
  /* this is for Inter */
  font-variant-numeric: lining-nums;
}

h1 {
  font-size: var(--font-size-xl);
}

h2 {
  font-size: var(--font-size-l);
}

h3 {
  font-size: var(--font-size-l);
}

h4 {
  font-size: var(--font-size-m);
}

h5 {
  font-size: var(--font-size-s);
  letter-spacing: 0.1rem;
}

h6 {
  font-size: var(--font-size-xs);
  letter-spacing: 0.1rem;
}

body,
p,
table {
  color: var(--canvas-text, CanvasText);
  font-size: var(--font-size-s);
}

/*
ul {
  li {}
}

ol {
  li {}
}
*/
dt {
  margin-block-end: 0.25lh;
}

a[href]:not(.button) {
  color: var(--link-text, LinkText);

  &:visited {
    color: var(--visited-text, VisitedText);
  }

  &:active {
    color: var(--active-text, ActiveText);
  }
}

blockquote {
  margin-left: 0.5rem;
  padding-left: 1rem;
  border-left: var(--border-size-2) solid var(--accent-color, AccentColor);
  font-style: italic;

  &.large {
    font-size: var(--font-size-m);
  }
}

/*
address {}

details {
  summary {}
}

hr {}
*/
.centered {
  text-align: center;
  text-wrap: balance;
}

.uppercase {
  text-transform: uppercase;
  --opentype-case: "case" on;
  font-variant-caps: titling-caps;
}

.smallcaps {
  font-variant-caps: all-small-caps;
  font-variant-numeric: oldstyle-nums;
}

strong,
b,
th {
  font-weight: bold;
}

del {
  color: light-dark(var(--color-dark-red), var(--color-red));
}

ins {
  color: light-dark(var(--color-dark-green), var(--color-green));
}