:root {
	--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	--font-size: 1.15rem;
	--line-height: 1.5;
	--font-size: 1.15rem;

	--cover-border-radius: 0.5rem;

	/* CSS HEX */
	--mg: #F76F53;
	--fg-1: #D1CFC0;
	--fg-1-veil: #D1CFC0;
	--fg-3: #F76F53;
	--bg-1: #1F1F1F;
	--card-text-color: #1F1F1F;
}

a {
	color: var(--fg-3);
}

h1 {
	font-weight: bold;
}

.page_more {
	border-radius: 1rem;
}

.page_more>* {
	color: var(--card-text-color);
}

.release_info > h1 {
	color: var(--card-text-color);
}

.release_artists > a {
	color: var(--fg-1);
}

.track .number {
	color: var(--fg-3);
	font-weight: bold;
}

.track .title {
	font-style: italic;
}

.track .time {
	color: var(--fg-1);
} 

input::placeholder {
  	color: #474747;
}

.download_hints > div {
	font-weight: bold;
}

.download_hints > div > span {
	color: var(--fg-1);
	font-weight: normal;
	font-style: italic;
}

.artists > a {
	color: var(--fg-1);
}

@font-face {
    font-display: fallback;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
}

body, button, input {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (width <= 39.999rem) {
	.page_more {
		background: var(--fg-1-veil);
		padding: 3rem var(--page-margin-h);
		margin: 0 0 3rem;
	}
}