:root {
    color-scheme: light;
}

:root.dark {
    color-scheme: dark;
    --jsc-background: #0c1821;
    --jsc-surface: #14242f;
    --jsc-surface-raised: #1a303d;
    --jsc-ink: #e4eef4;
    --jsc-muted: #a9bdc8;
    --jsc-border: #344d5b;
    --jsc-control-border: #638092;
    --jsc-link: #83d9c8;
    --jsc-success-background: #18392f;
    --jsc-success-ink: #9ae2bd;
    --jsc-warning-background: #382e1e;
    --jsc-warning-ink: #f4ca82;
    --jsc-error-background: #3b2429;
    --jsc-error-ink: #f2ada5;
}