/*
Theme Name: Rustfun
Theme URI: https://rustfun.games/
Description: Child theme for rustfun.games, built on GeneratePress.
Author: rustfun.games
Template: generatepress
Version: 1.0.0
Text Domain: rustfun
Requires at least: 6.0
Requires PHP: 7.4
*/

/**
 * Rustfun color system
 *
 * The core palette is based on materials from improvised survival equipment:
 * blackened iron, galvanized steel, field canvas, bone-colored cloth,
 * iron oxide, and sulfur marking paint.
 */
:root {
	/* Core palette. */
	--rf-iron: #1f2523;
	--rf-steel: #59635e;
	--rf-canvas: #b5a27a;
	--rf-bone: #f7f0de;
	--rf-oxide: #ae4c28;
	--rf-sulfur: #d5a63b;

	/* Surfaces and typography. */
	--rf-color-page: var(--rf-bone);
	--rf-color-surface: #fff9eb;
	--rf-color-surface-muted: #ded1af;
	--rf-color-surface-dark: var(--rf-iron);
	--rf-color-text: var(--rf-iron);
	--rf-color-text-muted: var(--rf-steel);
	--rf-color-text-inverse: var(--rf-bone);
	--rf-color-border: #353d39;

	/* Actions and states. */
	--rf-color-primary: var(--rf-oxide);
	--rf-color-primary-hover: #8f371b;
	--rf-color-on-primary: #fff9eb;
	--rf-color-highlight: var(--rf-sulfur);
	--rf-color-on-highlight: var(--rf-iron);
	--rf-color-focus: var(--rf-sulfur);
	--rf-color-link: #9f4022;
	--rf-color-link-hover: #762d19;
}

html {
	scroll-behavior: smooth;
}

#page {
	scroll-margin-top: 96px;
}

body {
	color: var(--rf-color-text);
	background-color: var(--rf-color-page);
}

a {
	color: var(--rf-color-link);
}

a:hover,
a:focus {
	color: var(--rf-color-link-hover);
}

:focus-visible {
	outline: 3px solid var(--rf-color-focus);
	outline-offset: 3px;
}

::selection {
	color: var(--rf-color-on-highlight);
	background: var(--rf-color-highlight);
}

.rf-server-address,
.rf-server-command {
	padding: 0.2em 0.48em;
	display: inline-block;
	color: var(--rf-bone);
	background: var(--rf-iron);
	border-left: 3px solid var(--rf-sulfur);
	font-family: Consolas, "Liberation Mono", monospace;
	font-size: 0.88em;
	font-weight: 700;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}