/*
	Global styles for the subscription manager app
*/
@import "@wordpress/components/build-style/style.css";
@import "@automattic/calypso-color-schemes";
@import "@automattic/typography/styles/fonts";
@import "@automattic/color-studio/dist/color-variables";
@import "@wordpress/base-styles/breakpoints";
@import "calypso/assets/stylesheets/shared/loading";
@import "./search-component";
@import "calypso/assets/stylesheets/style";

body {
	background-color: $studio-white;
	font-family: $sans;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

	// Basic stylings
	margin: 0;
	line-height: 1.5;

	h1,
	h2,
	h3,
	p {
		font-family: $sans;
		font-weight: 400;
		margin: 0;
	}

	a,
	a:visited {
		text-decoration: none;
		color: var(--color-link);
	}

	button {
		background-color: transparent;
		border: none;
	}

	ul {
		padding: 0;
	}

	@extend %search-component-subscriptions-style;

	hr.subscriptions__separator {
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0;
		border: none;
		border-top: 1px solid $studio-gray-5;
	}
}
