/* Keep Noto Serif Khitan Small Script from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Khitan+Small+Script&display=swap');

/* Self-hosted Inconsolata font - same version as local system */
@font-face {
    font-family: 'Inconsolata';
    src: url('/fonts/Inconsolata-Variable.ttf') format('truetype-variations');
    font-weight: 200 900;
    font-stretch: 50% 200%;
    font-display: swap;
}

:root {

    --vp-font-family-base: ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --vp-font-family-mono: "Inconsolata", "SF Mono", "Menlo", "Monaco", "Cascadia Code", "Roboto Mono", ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', 'Courier New', monospace;

    /* --vp-home-hero-name-color: transparent;
    --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
            var(--vp-c-brand-1),
            var(--vp-c-brand-3));
    ;

    --vp-home-hero-image-background-image: none;
    --vp-home-hero-image-filter: none; */

    --vp-home-hero-name-color: transparent;
    --vp-home-hero-name-background: -webkit-linear-gradient(-30deg, #bd34fe 30%, #2970fc);
    --vp-home-hero-image-background-image: linear-gradient(45deg, #bd34fe 50%, #2970fc 50%);
    --vp-home-hero-image-filter: blur(64px);
}

.medium-zoom-overlay {
    background-color: var(--vp-c-bg) !important;
    z-index: 100;
}

.medium-zoom-overlay~img {
    z-index: 101;
}

.medium-zoom--opened .medium-zoom-overlay {
    opacity: 0.9 !important;
}