/**
 * SVN-Gilroy (self-hosted). Subset of weights used on the storefront.
 */

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20Italic.otf") format("opentype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20SemiBold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/svn-gilroy/SVN-Gilroy%20Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body,
button,
input,
textarea,
select {
	font-family: var(--rocky-font-family);
}

/*
 * Storefront paints a thick purple outline on every :focus (including mouse click).
 * Keep a focus ring for keyboard/:focus-visible only.
 */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--rocky-color-text-primary);
	outline-offset: 2px;
}