@import "color.css";
@import "/fonts/crimson-pro/font.css";

* {
    box-sizing: border-box;
    font-variant-emoji: text;
}

body {
    color: var(--fg);
    background-color: var(--bg);
    margin:0;
    padding:0;
    font-family: 'Crimson Pro';
    font-size: 1.25rem;
}

h1 {
  color: var(--accent);
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-block: .75rem;
}

h2 {
  color: var(--accent);
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-block: .75rem;
}

h3 {
  color: var(--accent);
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin-block: .75rem;
}

h4 {
  color: var(--accent);
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-block: .75rem;
}

h5 {
  color: var(--accent);
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin-block: .75rem;
}

h6 {
  color: var(--accent);
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin-block: .75rem;
}

a {
    color: var(--accent);
}

a:visited {
    color: var(--link-visited);
}

.underline-hover a {
    text-decoration: none;
}

.underline-hover a:hover {
    text-decoration: underline;
}

.nowrap {
    white-space: nowrap;
}

::selection {
    background-color: var(--accent-bg);
    color: var(--bg);
}

blockquote {
    margin-inline: 1.5em;
    border-left: .25em solid var(--faint);
    padding-left: .5em;
}

.tabnum {
    font-variant-numeric: tabular-nums;
}