@layer base, style;

@layer style {

    dialog {
        font-size: initial;
    }

    style {
        display: block;
        white-space: pre;
        font-family: monospace;
        font-size: inherit;
        padding: 1rem;
    }

} 

@layer base {

    body {
        color-scheme: light dark;
        font-family: sans-serif;
        font-size: var(--font-size);
        background: var(--color-background);
        color: var(--color-text);
    }

    button {
        font: inherit;
        color: inherit;
    }
}