/* caf3-style v1 | default: auto */
/* Made with the CreateAForum Style Wizard for the CAF 3.0 theme.
   The wizard rewrites everything between the wizard:begin and wizard:end markers.
   Put your own CSS after the end marker; it is kept exactly as you wrote it. */
/* == wizard:begin == */
:root {
	--c3-brand-h: 12;
	--c3-brand-s: 80%;
	--c3-brand-l: 52%;
	--c3-brand-soft: hsl(var(--c3-brand-h) 60% 95%);
	--c3-brand-soft-2: hsl(var(--c3-brand-h) 55% 90%);
	--c3-accent: #1e3a5f;
	--c3-accent-hover: #142740;
	--c3-accent-text: #ffffff;
	--c3-header-from: hsl(var(--c3-brand-h) 55% 24%);
	--c3-header-to: hsl(var(--c3-brand-h) 62% 38%);
	--c3-header-text: #ffffff;
	--c3-header-muted: rgba(255, 255, 255, .72);
	--c3-bg: #f8f4f2;
	--c3-surface: #ffffff;
	--c3-surface-2: #fbf9f8;
	--c3-surface-3: #f5f0ee;
	--c3-border: #eee6e3;
	--c3-border-strong: #dfcfca;
	--c3-text: #38271e;
	--c3-text-2: #563c2e;
	--c3-muted: #8b7165;
	--c3-faint: #b4a198;
	--c3-link: var(--c3-brand);
	--c3-link-hover: var(--c3-brand-hover);
	--c3-new: #1d4ed8;
	--c3-radius: 10px;
	--c3-radius-sm: 6px;
	--c3-font-size: 15px;
	--c3-container: 1440px;
	--c3-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06);
	--c3-shadow-md: 0 6px 18px rgba(15, 23, 42, .10);
	--c3-shadow-lg: 0 14px 38px rgba(15, 23, 42, .18);
	color-scheme: light;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--c3-brand-l: 58%;
		--c3-brand-soft: hsl(var(--c3-brand-h) 40% 18%);
		--c3-brand-soft-2: hsl(var(--c3-brand-h) 40% 24%);
		--c3-header-from: #1e0f0b;
		--c3-header-to: #391b13;
		--c3-header-text: #ffffff;
		--c3-header-muted: rgba(255, 255, 255, .72);
		--c3-bg: #29140f;
		--c3-surface: #3a231d;
		--c3-surface-2: #351d18;
		--c3-surface-3: #432924;
		--c3-border: #51352f;
		--c3-border-strong: #68443c;
		--c3-text: #efe4e1;
		--c3-text-2: #e3cfca;
		--c3-muted: #b89b94;
		--c3-faint: #906960;
		--c3-link: var(--c3-brand);
		--c3-link-hover: var(--c3-brand-hover);
		--c3-shadow: 0 1px 2px rgba(0, 0, 0, .35);
		--c3-shadow-md: 0 6px 18px rgba(0, 0, 0, .40);
		--c3-shadow-lg: 0 14px 38px rgba(0, 0, 0, .55);
		color-scheme: dark;
	}
}
:root[data-theme="dark"] {
	--c3-brand-l: 58%;
	--c3-brand-soft: hsl(var(--c3-brand-h) 40% 18%);
	--c3-brand-soft-2: hsl(var(--c3-brand-h) 40% 24%);
	--c3-header-from: #1e0f0b;
	--c3-header-to: #391b13;
	--c3-header-text: #ffffff;
	--c3-header-muted: rgba(255, 255, 255, .72);
	--c3-bg: #29140f;
	--c3-surface: #3a231d;
	--c3-surface-2: #351d18;
	--c3-surface-3: #432924;
	--c3-border: #51352f;
	--c3-border-strong: #68443c;
	--c3-text: #efe4e1;
	--c3-text-2: #e3cfca;
	--c3-muted: #b89b94;
	--c3-faint: #906960;
	--c3-link: var(--c3-brand);
	--c3-link-hover: var(--c3-brand-hover);
	--c3-shadow: 0 1px 2px rgba(0, 0, 0, .35);
	--c3-shadow-md: 0 6px 18px rgba(0, 0, 0, .40);
	--c3-shadow-lg: 0 14px 38px rgba(0, 0, 0, .55);
	color-scheme: dark;
}
/* == wizard:end == */

/* ------------------------------------------------------------------
   Your CSS. Everything below the wizard:end marker is left alone by the
   Style Wizard. A few starting points (remove the comment marks around
   one to switch it on):

   Hide the forum stats banner on the board index
   #c3-stats { display: none; }

   Square corners everywhere
   :root { --c3-radius: 0; --c3-radius-sm: 0; }

   Picture behind the header band (upload it with the File Manager)
   .c3-topbar { background: url(/styles/YOURFORUM/header.jpg) center / cover no-repeat; }

   Change the dark palette only
   :root[data-theme="dark"] { --c3-bg: #000; --c3-surface: #111; }
   ------------------------------------------------------------------ */