/*
 * Declares the shared type and icon rules every site in the fleet loads.
 *
 * Only declarations belong here. A rule that positions or colors a specific component belongs
 * to the theme that owns that component, or the library stops being shareable the moment two
 * sites disagree about it.
 */

/*
 * A font file is licensed, not written, so none is committed. Drop the two files named below
 * into shared/assets/fonts/ and the rules pick them up; leave them out and every site falls
 * through to the stack in --spm-font-sans, after one request per page that answers 404. See the
 * README.
 */
@font-face {
	font-family: "SPM Sans";
	src: url("../fonts/spm-sans.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SPM Sans";
	src: url("../fonts/spm-sans-italic.woff2") format("woff2");
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}

:root {
	--spm-font-sans: "SPM Sans", system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
	--spm-font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
	--spm-icon-size: 1.25rem;
}

.spm-icon {
	display: inline-block;
	width: var(--spm-icon-size);
	height: var(--spm-icon-size);
	vertical-align: -0.2em;
	fill: none;
	stroke: currentColor;
	flex: none;
}