:root {
	--border-color: var(--base-trans-50);
	--filter-plus: brightness(0) saturate(100%);
	--filter-secondary: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(466%) hue-rotate(199deg) brightness(102%) contrast(91%);
	--filter-secondary-light: brightness(0) saturate(100%) invert(99%) sepia(90%) saturate(408%) hue-rotate(295deg) brightness(101%) contrast(91%);
	--filter-white: invert(100%) sepia(4%) saturate(404%) hue-rotate(248deg) brightness(120%) contrast(100%);
	--filter-base: invert(5%) sepia(9%) saturate(3471%) hue-rotate(189deg) brightness(98%) contrast(95%);
	--filter-base-dark: brightness(0) saturate(100%) invert(21%) sepia(2%) saturate(3554%) hue-rotate(210deg) brightness(94%) contrast(82%);
	--filter-primary: brightness(0) saturate(100%) invert(16%) sepia(71%) saturate(5117%) hue-rotate(253deg) brightness(69%) contrast(100%);
	--mobile-left: 7.5rem;
	--heading-font: Switzer;
	--heading-alt: Season Mix;
	--h6-letter-spacing: 1.5px;
	--content-width: 100%;
}

main {
	padding-top: var(--header-height);
}
@view-transition {
	navigation: auto;
}

/* Normal */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Season Mix";
	font-style: normal;
	font-weight: 400;
	src: url("/wp-content/themes/Samuraj/assets/media/fonts/SeasonMixTRIAL-Regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Switzer";
	font-style: normal;
	font-weight: 400;
	src: url("/wp-content/themes/Samuraj/assets/media/fonts/Switzer-Variable.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body h1 {
	font-family: var(--heading-alt);
}
.heading-alt {
	font-family: var(--heading-alt);
}

.heading-font {
	font-family: var(--heading-font);
}

ul li::marker {
	color: var(--primary-dark);
}

/* ===== Scrollbar CSS ===== */
/* Firefox */

* {
	scrollbar-width: auto;
	scrollbar-color: var(--base-trans-90) white;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 10px;
}

*::-webkit-scrollbar-track {
	background: var(--base-trans-60);
	margin: 0.5em;
}

*::-webkit-scrollbar-thumb {
	background-color: #0000009e;
	border-radius: 10px;
	outline: 1px solid #ffffff0f;
	outline-offset: -3px;
	border: 1px solid #ffffff5e;
}
picture::selection,
img::selection {
	background: transparent;
}
a.btn--primary::selection {
	background: var(--base);
}

/******

DEFAULTS 

******/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: pretty;
}