body {
    background-color: var(--purple-waves-1);
    color: var(--mauve-sky-0);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--mauve-sky-1);
}

blockquote {
    border-left: 0.3rem solid var(--mauve-sky-0);
}

a {
    color: var(--dream-accents-0);
}

a:hover {
    color: var(--dream-accents-1);
}

code,
pre {
    background-color: var(--purple-waves-0);
}

button,
.button {
    background-color: var(--purple-waves-2);
    color: var(--mauve-sky-0);
    border: 1px solid var(--dream-accents-0);
}

button:hover,
.button:hover {
    background-color: var(--dream-accents-0);
    color: var(--purple-waves-0);
}

button:active,
.button:active {
    background-color: var(--dream-accents-3);
}

hr {
    border-top: 0.1rem solid var(--mauve-sky-0);
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='week'],
input:not([type]),
textarea,
select {
    color: var(--mauve-sky-0);
    border: 1px solid var(--purple-waves-3);
}

input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='week']:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
    border-color: var(--dream-accents-0);
}

.error,
.danger,
.callout.error h4,
.alert.error h4,
.callout.danger h4,
.alert.danger h4 {
    color: var(--lucid-highlights-red);
}

.warning,
.callout.warning h4,
.alert.warning h4 {
    color: var(--lucid-highlights-yellow);
}

.success,
.callout.success h4,
.alert.success h4 {
    color: var(--lucid-highlights-green);
}

.info,
.callout.info h4,
.alert.info h4 {
    color: var(--lucid-highlights-pink);
}

.modified,
.callout.modified h4,
.alert.modified h4 {
    color: var(--lucid-highlights-orange);
}

.card,
.panel {
    background-color: var(--purple-waves-2);
}

th {
    background-color: var(--purple-waves-2);
    color: var(--dream-accents-0);
}

td {
    border-bottom: 1px solid var(--purple-waves-3);
}

tr:hover {
    background-color: var(--purple-waves-2);
}

::-webkit-scrollbar-track {
    background: var(--purple-waves-1);
}

::-webkit-scrollbar-thumb {
    background: var(--dream-accents-2);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--dream-accents-0);
}

::selection {
    background-color: var(--dream-accents-0);
    color: var(--purple-waves-0);
}