: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;
	--font-alt: IBM Plex Mono;
	--h6-letter-spacing: 1.5px;
}
@view-transition {
	navigation: auto;
}
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
body b {
	font-weight: 400;
}

/* Fonts: se assets/css/fonts.css (laddas även i wp-admin + Gutenberg-iframen) */

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

.heading-font {
	font-family: var(--heading-font);
}
ul {
	list-style: square;
}
ul li::marker {
	color: var(--accent);
}

/* ===== 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;
}

/******

DEFAULTS 

******/

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