@import 'colors.css';
@import 'typography.css';
@import 'dimensions.css';
@import 'motion.css';
@import 'reset.css';
@import 'icons.css';

html.scroll-locked {
	overflow: hidden;
	scrollbar-gutter: stable;
}

/* Used by both system-rendered Dialog footer (Info/Confirm/Destruct) and Custom
   bodies that opt into matching footer alignment. Hoisted out of Dialog.razor.css
   so it's reachable from caller-supplied content without :deep gymnastics. */
.dialog-footer {
	display: flex;
	justify-content: center;
	gap: var(--spacing-small);
}

/* Each footer child grows to fill but never exceeds 50% — for 2 buttons each
   takes ~50% (minus half-gap), for 1 button it caps at 50% and right-aligns
   via the parent's justify-content. No conditional markup needed. */
.dialog-footer > * {
	flex: 1 1 0;
	max-width: 50%;
}