/* wc.ui.dialog.color.scss */
@import 'mixins-common';


dialog {
	background: transparent;

	> [aria-live] { // dialog content container
		background-color: $wc-ui-color-global-bg;
	}

	> header,
	> footer { // top and bottom bars of dialog
		background-color: $wc-ui-color-dialog-head-bg;
		color: $wc-ui-color-dialog-head-fg;
	}

	> header {

		> h1 { // the title
			color: $wc-ui-color-dialog-head-fg;
		}

		button {
			@include border($color: $wc-ui-color-dialog-head-fg);
		}
	}
}
