html {
    // See: https://systemfontstack.com/ https://bitsofco.de/the-new-system-font-stack/
    --pst-font-family-base-system:      "Roboto",
                                        -apple-system,
                                        BlinkMacSystemFont,
                                        "Segoe UI",
                                        Roboto,
                                        Oxygen-Sans,
                                        Ubuntu,
                                        Cantarell,
                                        "Helvetica Neue",
                                        sans-serif;

    --pst-font-family-monospace-system: "Roboto Mono",
                                        "SFMono-Regular",
                                        "Menlo",
                                        "Consolas",
                                        "Monaco",
                                        "Liberation Mono",
                                        "Lucida Console",
                                        monospace;
    --pst-font-weight-heading: 300;
    --bs-nav-link-font-weight: 600;
    // header font size 0.9rem
    --pst-font-size-h1: 1.5rem;
    --pst-font-size-h2: 1.4rem;
    --pst-font-size-h3: 1.3rem;
    --pst-font-size-h4: 1.2rem;
    --pst-font-size-h5: 1.1rem;
    --pst-font-size-h6: 1rem;
    --pst-sidebar-font-size: 0.9rem;
    --pst-sidebar-font-size-mobile: 1.1rem;
    --pst-sidebar-header-font-size: 1.2rem;
    --pst-sidebar-header-font-weight: 600;
}

a {
    text-decoration: none;
}

video {
    width: 100%;
}

.nav-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: #999999;
}

.onthispage {
    color: var(--pst-color-heading);
}

/* make left sidebar title invisible */
.bd-links__title {
  display: none;
}

html[data-theme="dark"] {
    --pst-color-background: #000000;
    --pst-color-on-background: #141417;
    --pst-color-heading: #ffffff;
    --pst-color-text-base: #b2b2b2;
    --pst-color-primary: #5fc0fb;
    --pst-color-primary-highlight: #35a8fd;
    --pst-color-secondary: #35a8fd;
    --pst-color-text-muted: #999999;
    --pst-color-target: #222222;
}

html[data-theme="light"] {
    --pst-color-background: #ffffff;
    --pst-color-on-background: #ebebe8;
    --pst-color-heading: #000000;
    --pst-color-text-base: #4d4d4d;
    --pst-color-primary: #5fc0fb;
    --pst-color-primary-highlight: #35a8fd;
    --pst-color-secondary: #35a8fd;
    --pst-color-text-muted: #999999;
    --pst-color-target: #ffffcc;
}

html[data-theme="dark"] .svg-icon {
    background: black !important;
}

html[data-theme="light"] .svg-icon {
    filter: invert(1);
}