@font-face {
	font-family: "Cinzel";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/cinzel/cinzel-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Cinzel";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/cinzel/cinzel-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Cinzel";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/cinzel/cinzel-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Jost";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Jost";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Jost";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-400-italic.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./plugins/nodebb-theme-westgate/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}

:root {
	--wg-font-display: "Cinzel", Georgia, "Times New Roman", serif;
	--wg-font-text: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--wg-font-ui: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--wg-font-code: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--wg-bg: #0f0d12;
	--wg-bg-deep: #09080b;
	--wg-panel: #18141d;
	--wg-panel-2: #110f15;
	--wg-panel-3: #201924;
	--wg-plum: #2a1222;
	--wg-plum-soft: #3a1830;
	--wg-gold: #c2a35a;
	--wg-gold-soft: #a8893f;
	--wg-red: #8e3438;
	--wg-status-online: #7fb86a;
	--wg-status-away: #d9b44a;
	--wg-status-dnd: #c55a5f;
	--wg-status-offline: #b7b0a6;
	--wg-status-ring: rgba(9, 8, 11, 0.9);
	--wg-text: #e6e0d6;
	--wg-text-soft: #b9b2a6;
	--wg-text-muted: #9a9086;
	--wg-border: rgba(194, 163, 90, 0.14);
	--wg-border-soft: rgba(194, 163, 90, 0.08);
	--wg-focus: rgba(194, 163, 90, 0.28);
	--wg-ledger-panel: linear-gradient(
		100deg,
		rgba(38, 22, 35, 0.5) 0%,
		rgba(19, 17, 24, 0.97) 34%,
		rgba(13, 12, 17, 0.98) 100%
	);
	--wg-ledger-ruling: rgba(194, 163, 90, 0.055);
	--wg-ledger-rule-strong: rgba(194, 163, 90, 0.16);
	--wg-ledger-border: rgba(194, 163, 90, 0.18);
		--wg-ledger-ink: #d8c28a;
		--wg-ledger-ink-muted: #a99d8f;
		--wg-ledger-stamp: #a84a4e;
		--wg-ledger-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), inset 0 -1px 0 rgba(0, 0, 0, 0.42), 0 8px 18px rgba(0, 0, 0, 0.2);
		--wg-etched-highlight: rgba(246, 223, 163, 0.34);
		--wg-etched-shadow: rgba(23, 12, 16, 0.82);
		--wg-velvet-panel: linear-gradient(
		100deg,
		rgba(42, 18, 34, 0.46) 0%,
		rgba(25, 22, 31, 0.95) 23%,
		rgba(18, 16, 23, 0.99) 62%,
		rgba(13, 12, 17, 0.98) 100%
	);
	--wg-velvet-panel-hover: linear-gradient(
		100deg,
		rgba(58, 24, 48, 0.56) 0%,
		rgba(31, 25, 39, 0.98) 23%,
		rgba(21, 18, 27, 1) 62%,
		rgba(15, 14, 20, 0.99) 100%
	);
	--wg-velvet-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 0 34px rgba(96, 32, 68, 0.11), 0 10px 26px rgba(0, 0, 0, 0.24);
	--wg-control-bg: linear-gradient(to bottom, rgba(194, 163, 90, 0.15), rgba(194, 163, 90, 0.05));
}

::selection {
	background: rgba(194, 163, 90, 0.32);
	color: #fff4dd;
}