:root {
    color-scheme: light dark;
    --vueda-docs-bg: light-dark(#f8fafc, #161a1f);
    --vueda-docs-text: light-dark(#111827, #eef4fb);
    --vueda-docs-brand: light-dark(#0077f7, #45a0ff);
    --vueda-docs-brand-strong: light-dark(#005fcc, #78bbff); 
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/includes/IBMPlexSans-VariableFont_wdth,wght.ttf") format("truetype");
}

html {
    background-color: var(--vueda-docs-bg);
}

body {
    background-color: var(--vueda-docs-bg);
    color: var(--vueda-docs-text);
    font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
    font-size: 15px;
}

a {
    color: var(--vueda-docs-brand-strong);
    font-weight: 500;
    text-decoration-color: color-mix(in srgb, currentColor 32%, var(--vueda-docs-bg));
    text-underline-offset: 3px;
}

a:hover {
    color: var(--vueda-docs-brand);
    text-decoration-color: currentColor;
}

ul {
    list-style-type: none;
}