@import url("./theme-forgejo-dark.css");

/* same palette as tomplanche.com (main.scss's --zed-* variables) */
:root {
    --color-primary: #1348dc;
    --color-primary-dark-1: #103dbb;
    --color-body: #121316;
    --color-box-body: #1c1d20;
    --color-text: oklch(80.9% 0.105 251.813);
    --color-accent: #1348dc;
}

/* same typefaces as tomplanche.com: PP Supply Mono for body/UI text, PP Mondwest for
   headings. FK Raster Grotesk is deliberately not used here, its file is an
   evaluation-only trial build, not licensed for production use. */
@font-face {
    font-family: "PP Supply Mono";
    src: url("/assets/fonts/PPSupplyMono/PPSupplyMono-Ultralight.woff2")
        format("woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "PP Supply Mono";
    src: url("/assets/fonts/PPSupplyMono/PPSupplyMono-Regular.woff2")
        format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PP Supply Mono";
    src: url("/assets/fonts/PPSupplyMono/PPSupplyMono-Medium.woff2")
        format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "PP Supply Mono";
    src: url("/assets/fonts/PPSupplyMono/PPSupplyMono-Bold.woff2")
        format("woff2");
    font-weight: bold;
    font-style: normal;
}

/* Monaspace Krypton (GitHub's open-source monospace family, SIL OFL), for the navbar and footer */
@font-face {
    font-family: "Monaspace Krypton";
    src: url("/assets/fonts/MonaspaceKrypton/MonaspaceKrypton-Regular.otf")
        format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Monaspace Krypton";
    src: url("/assets/fonts/MonaspaceKrypton/MonaspaceKrypton-Bold.otf")
        format("opentype");
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: "PP Supply Mono", monospace;
}

#navbar,
#navbar *,
.page-footer {
    font-family: "Monaspace Krypton", monospace;
}

#navbar-logo::after {
    content: "Tom Planche's Forgejo";
    margin-left: 0.6em;

    font-size: 1.25rem;
    font-weight: 600;

    white-space: nowrap;
    color: var(--color-text);
}
@media (max-width: 480px) {
    #navbar-logo::after {
        content: none;
    }
}

.footer-load-time {
    margin-left: 0.5em;
    font-size: 0.8em;
}

/* the built-in "center" class only sets text-align, which centers inline
   content inside an element, not the element itself within its parent */
.page-content.home img.logo {
    display: block;
    margin: 0 auto;
}