@font-face {
	font-display: swap;
	font-family: "NICE Sans";
	font-style: normal;
	font-weight: 400 600;
	src: url("../fonts/open-sans-latin.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "NICE Condensed";
	font-style: normal;
	font-weight: 400 500;
	src: url("../fonts/roboto-condensed-latin.woff2") format("woff2");
}

@layer tokens {
	:root {
		--nice-canvas: #E7E3D8;
		--nice-black: #121213;
		--nice-secondary-black: #292927;
		--nice-muted: #565249;
		--nice-subtle-border: #C7C1B2;
		--nice-surface-container: #DAD5C8;
		--nice-surface-container-low: #F4F2ED;
		--nice-red: #EF233C;
		--nice-font-heading: "NICE Condensed", "Arial Narrow", Arial, sans-serif;
		/*
		 * Open Sans, self-hosted, replacing the Georgia serif. Named the way the
		 * heading face is, so the family names describe their role rather than
		 * their supplier. Cabin was the alternative, but nothing was bundling it
		 * and a named-but-absent family silently becomes the visitor's system
		 * sans instead.
		 */
		--nice-font-body: "NICE Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		--nice-font-label: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@layer components {
	body.home,
	body.nice-is-studio-page,
	body.nice-is-studio-context,
	body.nice-is-events-page,
	body.nice-is-events-context {
		background: var(--nice-canvas);
		color: var(--nice-black);
	}

	.home .nice-nav-shell,
	.nice-is-studio-page .nice-nav-shell,
	.nice-is-studio-context .nice-nav-shell,
	.nice-is-events-page .nice-nav-shell,
	.nice-is-events-context .nice-nav-shell {
		background: var(--nice-surface-container-low);
		border-color: var(--nice-subtle-border);
	}

	/*
	 * The drawer links keep the body face at their normal weight and case. This
	 * block used to re-apply the heading face, weight 500 and uppercase on every
	 * context the drawer appears in, which is all of them.
	 */
	.home .nice-mobile-menu__links a,
	.nice-is-studio-page .nice-mobile-menu__links a,
	.nice-is-studio-context .nice-mobile-menu__links a,
	.nice-is-events-page .nice-mobile-menu__links a,
	.nice-is-events-context .nice-mobile-menu__links a {
		font-family: var(--nice-font-body);
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
	}

	.home .nice-main,
	.nice-is-studio-page .nice-main,
	.nice-is-studio-context .nice-main,
	.nice-is-events-page .nice-main,
	.nice-is-events-context .nice-main {
		margin-block-start: 0 !important;
	}
}