:root {
    color-scheme: light dark;

    /* sizes */
    --heigh-wp-adminbar: 2.875rem;
    --max-width--content: min(100% - 1.25rem, 90rem);
    --max-width--wide: min(100% - 1.25rem);

    /* shadows */
    --toggle-shadow-inset: inset 0 0 4px #65573150;
    --toggle-shadow: 0 0 4px #65573150;
}

@media (width >=783px) {
    :root {
        /* sizes */
        --heigh-wp-adminbar: 2rem;
    }
}