hennzau

@import "fonts.scss";
@import "navbar.scss";

@import "shortcodes/note.scss";
@import "shortcodes/pin.scss";

@import "content/home.scss";
@import "content/repo.scss";
@import "content/jj.scss";
@import "content/blog.scss";

:root {
    --border-color: var(--border-color);

    --font-size-base: 13.5px;
    --mono-text-font: "Jetbrains Mono";
    --text-font: "ZedTextFtl";
    --header-font: "ZedDisplayFtl";

    --line-height: 1.5;
    --page-width: 920px;
}

html {
    background-color: var(--bg-0);
    color: var(--text-0);
    font-family: var(--text-font);
    line-height: var(--line-height);

    body {
        padding: 0.9rem;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        min-height: calc(100vh - 150px);

        ::selection {
            background: var(--primary-color);
            color: var(--hover-color);
        }

        a {
            cursor: pointer;
            color: inherit;
            text-decoration: none;

            &:hover {
                background-color: var(--primary-color);
                color: var(--hover-color);
            }
        }

        p {
            color: var(--text-1);
            margin: 0;
        }

        .content {
            width: 100%;
            max-width: var(--page-width);
            margin: 0 auto;

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                margin: 0;
                font-family: monospace var(--header-font);

                &::before {
                    color: var(--primary-color);
                    content: "# ";
                }
            }
        }
    }
}