@font-face {
    font-family: "title";
    src: url("./fonts/Aboreto-Regular.ttf");
}
@font-face {
    font-family: "body";
    src: url("./fonts/Marcellus-Regular.ttf");
}
html {
    --base-purple: #7800a0; /* base purple */
    --comp-green: #28a000; /* complementary green */
    --a-pink: #a00078; /* analogous pink */
    --a-blue: #2800a0; /* analogous blue */
    --tet-red: #a02800; /* tetradic red */
    --tet-green: #28a000; /* tetratic green */
    --tet-blue: #0078a0; /* tetradic blue */
    --sc-yellow: #78a000; /* split complementary yellowy green */
    --sc-green: #28a000; /* split complementary green */
    --tri-yellow: #a07800; /* triadic yellow */
    --tri-teal: #00a078; /* triadic teal */

    --mono-less-black: #0a000e;
    --mono-black: #050007; /* monochromatic black */
    --mono-dark: #3f0053; /* monochromatic dark */
    --mono-base: #7800a0; /* monochromatic base */
    --mono-light: #b100ed; /* monochromatic light */
    --mono-very-light: #ce3aff; /* monochromatic very light */

    --c0: #1e0039;
    --c1: #604d9e;
    --c2: #aaa2d8;
    --c3: #a27eb8;
    --c4: #e4d6f8;
}