@import '@wordpress/base-styles/variables';
@import '@wordpress/dataviews/build-style/style.css';

// Should be implemented differently once v2 is not loaded via the v1 stack
// I'm tempted to even just replace all this with a display:none on the logo
@import './loading-screen';

// Core component overrides.
@import './dataforms-overrides.scss';
@import './dataviews-overrides.scss';

// Global Styles
html,
body,
#wpcom {
	height: 100%;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
		'Helvetica Neue', sans-serif;
	background: var( --dashboard__background-color );
	color: var( --dashboard__text-color );
	font-size: $font-size-medium;
	line-height: $font-line-height-small;

	/* stylelint-disable-next-line unit-allowed-list */
	@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
		text-rendering: optimizeLegibility;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
	}
}

a {
	color: var( --wp-admin-theme-color );
}
