/* variáveis globais são declaradas aqui */
:root {
    /* definição do esquema de cores da página */
    --main-bg: #5A0B4D;
    --side-bg: #5A0B4D;
    --text:#BACAFE;
    --details:#F5ECCD;
    --links:#F93943;
    --link-hover:#B2060E;
    --link-bg:#987196;
}

/* fontes */
@font-face {
    font-family: input;
    src: url(lexicon/media/fonts/font.input.extralight.woff);
}

@font-face {
    font-family: tables;
    src: url(lexicon/media/fonts/Hack-Regular.ttf);
}

/* links */
a {
    text-decoration: none;
    color: var(--links);
}

a:hover, ::selection {
    text-decoration: none;
    color: var(--link-hover);
    background-color: var(--link-bg);
}

/* headers level 1, 2, add more if necessary */

h1 {
    font-family: monospace;
    font-size: 12px;
}

h2 {
    font-family: monospace;
    color: var(--details);
    background-size: cover;
}

/* horizontal separators */
hr {
    border: 0;
    height: 1px;
    background-image:linear-gradient(to right, var(--main-bg), 25%, var(--side-bg), 75%, var(--main-bg));
}

/* header for details objects (the ones where you click and it hides or reveals text) */
summary {
    font-family: tables;
    color:var(--details);
    outline: none;
}

/* */
p {
    text-indent: 2ch;
}
/* main body of text */

body {
    background: linear-gradient(to left, var(--side-bg), 1%, var(--main-bg), 99%, var(--side-bg));
    background-size: cover;
    display: block;
    border: 1px solid var(--details);
    color: var(--text);
    margin: auto;
    max-width: 70ch;
    padding: 2ch;
    margin-top: 2ch;
}