@font-face{
    font-family: 'Source Serif VF';
    font-weight: 200 900;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Roman.ttf.woff2') format('woff2'),
         url('/fonts/WOFF/VAR/SourceSerif4Variable-Roman.ttf.woff') format('woff'),
         url('/fonts/VAR/SourceSerif4Variable-Roman.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Serif VF';
    font-weight: 200 900;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Italic.ttf.woff2') format('woff2'),
         url('/fonts/WOFF/VAR/SourceSerif4Variable-Italic.ttf.woff') format('woff'),
         url('/fonts/VAR/SourceSerif4Variable-Italic.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Variable';
    font-weight: 200 900;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Roman.ttf.woff2') format('woff2'),
         url('/fonts/WOFF/VAR/SourceCodeVariable-Roman.ttf.woff') format('woff'),
         url('/fonts/VAR/SourceCodeVariable-Roman.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Code Variable';
    font-weight: 200 900;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Italic.ttf.woff2') format('woff2'),
         url('/fonts/WOFF/VAR/SourceCodeVariable-Italic.ttf.woff') format('woff'),
         url('/fonts/VAR/SourceCodeVariable-Italic.ttf') format('truetype');
}

:root {
    --serif-font: Source Serif VF;
    --mono-font: Source Code Variable;
    --code: #212121;
}
@media (prefers-color-scheme: dark) {
    :root {
	--bg: #fff;
	--accent-bg: #f5f7ff;
	--text: #212121;
	--text-light: #585858;
	--border: #898EA4;
	--accent: #0d47a1;
	--code: #d81b60;
	--preformatted: #444;
	--marked: #ffdd33;
	--disabled: #efefef;
    }
}

html {
    font-family: var(--serif-font);
}

.org-src-container {
    width: 60rem;
}