/* 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: 245;
	--c3-brand-s: 55%;
	--c3-brand-l: 48%;
	--c3-brand-soft: hsl(var(--c3-brand-h) 60% 95%);
	--c3-brand-soft-2: hsl(var(--c3-brand-h) 55% 90%);
	--c3-accent: #ec4899;
	--c3-accent-hover: #e82384;
	--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: #f1f1f9;
	--c3-surface: #ffffff;
	--c3-surface-2: #f8f8fc;
	--c3-surface-3: #ededf6;
	--c3-border: #e2e1ef;
	--c3-border-strong: #c8c6e1;
	--c3-text: #1f1d3a;
	--c3-text-2: #2f2c59;
	--c3-muted: #68658b;
	--c3-faint: #9a98b4;
	--c3-link: var(--c3-brand);
	--c3-link-hover: var(--c3-brand-hover);
	--c3-new: #ef4444;
	--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: #0d0b1e;
		--c3-header-to: #161339;
		--c3-header-text: #ffffff;
		--c3-header-muted: rgba(255, 255, 255, .72);
		--c3-bg: #120f29;
		--c3-surface: #1f1d3a;
		--c3-surface-2: #1a1835;
		--c3-surface-3: #262443;
		--c3-border: #312f51;
		--c3-border-strong: #3f3c68;
		--c3-text: #e2e1ef;
		--c3-text-2: #cbcae3;
		--c3-muted: #9794b8;
		--c3-faint: #646090;
		--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: #0d0b1e;
	--c3-header-to: #161339;
	--c3-header-text: #ffffff;
	--c3-header-muted: rgba(255, 255, 255, .72);
	--c3-bg: #120f29;
	--c3-surface: #1f1d3a;
	--c3-surface-2: #1a1835;
	--c3-surface-3: #262443;
	--c3-border: #312f51;
	--c3-border-strong: #3f3c68;
	--c3-text: #e2e1ef;
	--c3-text-2: #cbcae3;
	--c3-muted: #9794b8;
	--c3-faint: #646090;
	--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; }
   ------------------------------------------------------------------ */