$accent:         scale-color(#e8ad58, $lightness: 30%);
$background:     hsl(210, 14%, 9%);
$text:           mix(hsl(210, 60%, 95%), $background, 85%);
$text-minus:     mix(hsl(210, 100%, 95%), $background, 60%);
$text-faint:     mix(hsl(210, 100%, 95%), $background, 40%);
$text-plus:      #fff;
$link-idle:      $text-plus;
$link-visited:   $text;
$sel-background: $accent;
$sel-text:       #000;

body {
    margin:           0;
    padding:          0;
    background-color: $background;
    background-image: repeating-linear-gradient(
        rgba(0, 0, 0, .25),
        rgba(0, 0, 0, .25)         1px,
        hsla(210, 100%, 95%, .025) 1px,
        hsla(210, 100%, 95%, .025) 2px
    );
    color:            $text;
}

.wrap {
    text-align: center;
}

.content {
    display:     inline-block;
    min-width:   50em;
    min-width:   5ch + 80;
    margin:      0;
    padding:     2em 1em;
    text-align:  left;
    font-family: 'IBM Plex Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Monaco, Consolas, Courier, monospace;
    font-size:   1em;
    line-height: 1.5;
}

::selection {
    color:            $sel-text;
    background-color: $sel-background;
}

:link {
    color: $link-idle;
}

:visited {
    color: $link-visited;
}

// :link, :visited {
//     &:hover {
//         color: $text-plus;
//     }
// }

.link-type {
    color: $text-minus;
}