:root {
	color-scheme: light;
}

body.wmb-design-system {
	background: var(--wmb-color-background);
	color: var(--wmb-color-text);
	font-family: var(--wmb-font-family);
	font-size: var(--wmb-font-size-body);
	font-weight: var(--wmb-font-weight-regular);
	line-height: var(--wmb-line-height);
}

.wmb-design-system h1 { font-size: var(--wmb-font-size-h1); }
.wmb-design-system h2 { font-size: var(--wmb-font-size-h2); }
.wmb-design-system h3 { font-size: var(--wmb-font-size-h3); }

.wmb-button,
.wmb-design-system button,
.wmb-design-system input[type="button"],
.wmb-design-system input[type="submit"] {
	border-radius: var(--wmb-button-radius);
}

.wmb-card {
	background: var(--wmb-color-surface);
	border-radius: var(--wmb-card-radius);
	box-shadow: var(--wmb-card-shadow);
}

.wmb-field,
.wmb-design-system input,
.wmb-design-system textarea,
.wmb-design-system select {
	border-radius: var(--wmb-field-radius);
}