@import url('https://fonts.cdnfonts.com/css/sf-pro-display');

:root {
    --md-text-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --md-code-font: "SF Mono", "Monaco", "Cascadia Code", "JetBrains Mono", monospace;
}

body, .md-typeset {
    font-family: var(--md-text-font) !important;
}

code, pre, .md-typeset code {
    font-family: var(--md-code-font) !important;
}

* {
    transition: background-color 0.3s ease, color 0.3s ease;
}