@font-face {
    font-family: 'SourceSerif4';
    src: URL('/SourceSerif4-Regular.ttf') format('truetype');
}

:root {
    --color-primary-500: 30, 30, 30;
    --color-primary-600: 30, 30, 30;
    --color-primary-700: 200, 200, 200;
    --color-primary-800: 50, 50, 50;
}

.dark {
    --color-primary-500: 170, 170, 170;
    --color-primary-600: 170, 170, 170;
    --color-primary-700: 100, 100, 100;
    --color-primary-800: 50, 50, 50;
}

.prose {
    --tw-prose-links: rgb(50, 50, 50);
}

.dark .prose {
    --tw-prose-links: rgb(200, 200, 200);
}

.version {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    margin-left: 10px;
    padding: 0 12px;
    font-size: 12px;
}

.main-title {
    font-family: SourceSerif4;
    font-size: 1.8rem;
}

h1, h2, h3 {
    font-family: SourceSerif4;
}

#TableOfContents {
    font-size: 0.85rem;
}

#TableOfContents a:hover {
    background: none;
    color: var(--color-primary-500);
}

.fact-checked {
    opacity: 0.5;
    font-size: 0.8rem;
    display: block;
    margin-bottom: 0.5rem;
    filter: grayscale(100%);
}

.header-random-link {
    margin-left: auto;
}

.top-main-menu a {
    font-size: 0.85rem;
    color: rgb(var(--color-neutral-500));
}

.footer {
    font-size: 0.85rem;
    color: rgb(var(--color-neutral-400));
}

.footer a:hover {
    color: rgb(var(--color-neutral-100));
}

.article-links {
    font-size: 0.95rem;
    margin-left: 1.5rem;
    display: flex;
    gap: 0.5rem;
}

.article-links a {
    display: inline-block;
    border: 1px solid rgb(var(--color-neutral-500));
    padding: 5px 12px;
    border-radius: 0.25rem;
}

.all-articles {
    list-style: disc;
    font-size: 0.9rem;
    padding-left: 1rem;
    margin-top: 2.5rem;
}

body.splash {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10%;
    text-align: center;
    box-sizing: border-box;
}