@import "/fonts/LeagueGothic.css";

:root {
    font-family: "League Gothic";
    font-weight: normal;
    font-size: 36pt;
    background: black;
    color: white;
    --lcars-red: hotpink;
    --lcars-orange: darkorange;
    --lcars-yellow: gold;
    --lcars-green: greenyellow;
    --lcars-blue: deepskyblue;
    --lcars-purple: plum;
}

:link { text-decoration: none; }
body { margin: 0; }
cite, em, i { font-style: normal; }
code, pre, tt { font-family: inherit; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }
h1, h2, h3, h4, h5, h6, big, small, sub, sup { font-size: 1rem; }

ul { list-style-type: square; }
ol, ul { padding-inline-start: 4ch; }

del, figcaption, caption, legend, h1, .halmos { color: var(--lcars-red); }
code, pre, tt { color: var(--lcars-orange); }
cite, em, i, mark { color: var(--lcars-yellow); }
h2, h3, h4, h5, h6, ins, label { color: var(--lcars-green); }
:link { color: var(--lcars-blue); }
:visited { color: var(--lcars-purple); }

aside.warning { background: var(--lcars-red); color: black; }
aside.note { background: var(--lcars-orange); color: black; }
aside.example { background: var(--lcars-yellow); color: black; }
 /* { background: var(--lcars-green); color: black; } */
aside { background: var(--lcars-blue); color: black; }
/* { background: var(--lcars-purple); color: black; } */

:is(aside, header, footer) {
    margin-block: 0.5em;
    padding-block: 0.5em;
}

:is(aside, header, footer) > :first-child { margin-block-start: 0; }
:is(aside, header, footer) > :last-child { margin-block-end: 0; }

body > header > *,
main > * {
    padding-inline: 1em;
}

body > header {
    background: var(--lcars-orange);
    color: black;
}

body > header *,
body > header :link,
body > header :visited,
h1 :link, h1 :visited,
aside :link, aside :visited {
    color: inherit;
}

body > header :is(h1, nav, li, ul) {
    display: inline;
}

body > footer {
    text-align: center;
}