@layer base {
*::before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html { scroll-padding-top:calc(var(--topbar-height) + var(--space-3)); }
:where(button,a,input,select,textarea,summary,[tabindex],[contenteditable]):focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
::selection { background:var(--brand); color:var(--on-brand); }
input { caret-color:var(--brand); }
textarea { caret-color:var(--brand); }
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0; scrollbar-color:var(--border-hi) var(--surface-2); }
/* stylelint-disable declaration-no-important -- Preserve hidden state, keyboard focus, reduced motion or print against inline styles. */
[hidden] { display:none !important; }
/* stylelint-enable declaration-no-important */

}

@layer base { html { color-scheme:light; } html.theme-dark { color-scheme:dark; } }