/* MetaSEO design tokens. Plugins may rely on these custom properties. */
:root {
	--ms-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--ms-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

	--ms-fs-xs: 0.8125rem;
	--ms-fs-sm: 0.9375rem;
	--ms-fs-md: 1rem;
	--ms-fs-lg: 1.125rem;
	--ms-fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--ms-fs-2xl: clamp(1.5rem, 1.25rem + 1vw, 2rem);
	--ms-fs-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
	--ms-fs-hero: clamp(2.125rem, 1.5rem + 3vw, 3.5rem);
	--ms-lh-tight: 1.15;
	--ms-lh-base: 1.55;

	--ms-s-1: 0.25rem;
	--ms-s-2: 0.5rem;
	--ms-s-3: 0.75rem;
	--ms-s-4: 1rem;
	--ms-s-5: 1.5rem;
	--ms-s-6: 2rem;
	--ms-s-7: 3rem;
	--ms-s-8: 4rem;

	--ms-r-sm: 6px;
	--ms-r-md: 8px;
	--ms-r-lg: 12px;

	--ms-w-content: 72rem;
	--ms-w-prose: 44rem;
	--ms-gutter: clamp(1rem, 4vw, 2rem);
	--ms-header-h: 4rem;

	--ms-shadow-1: 0 1px 2px rgb(16 24 40 / 0.06);
	--ms-shadow-pop: 0 8px 24px rgb(16 24 40 / 0.14);

	/* Light palette (default). */
	--ms-bg: #f5f6f8;
	--ms-surface: #ffffff;
	--ms-surface-2: #eef0f3;
	--ms-ink: #12161c;
	--ms-ink-2: #3c4552;
	--ms-muted: #566170;
	--ms-line: #dde1e7;
	--ms-line-strong: #b9c0ca;
	--ms-accent: #0b6e5f;
	--ms-accent-hover: #095a4e;
	--ms-accent-ink: #ffffff;
	--ms-accent-soft: #e2f1ee;
	--ms-ok: #146c2e;
	--ms-ok-bg: #e8f5ec;
	--ms-err: #b42318;
	--ms-err-bg: #fdecea;
	--ms-warn: #7a4b00;
	--ms-warn-bg: #fff4db;
	--ms-info: #1d4e89;
	--ms-info-bg: #e7f0fb;
	color-scheme: light;
}

:root[data-theme="dark"] {
	--ms-bg: #0e1216;
	--ms-surface: #161b21;
	--ms-surface-2: #1d242b;
	--ms-ink: #eceff3;
	--ms-ink-2: #c3cad3;
	--ms-muted: #9aa5b2;
	--ms-line: #2a323b;
	--ms-line-strong: #46515e;
	--ms-accent: #3fc7ae;
	--ms-accent-hover: #6ad8c4;
	--ms-accent-ink: #06211c;
	--ms-accent-soft: #12332d;
	--ms-ok: #6fd08c;
	--ms-ok-bg: #12281a;
	--ms-err: #ff9b92;
	--ms-err-bg: #34171a;
	--ms-warn: #f5c15d;
	--ms-warn-bg: #2e2410;
	--ms-info: #8dbbf2;
	--ms-info-bg: #12233a;
	--ms-shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
	--ms-shadow-pop: 0 8px 24px rgb(0 0 0 / 0.5);
	color-scheme: dark;
}

/* No-JS visitors: follow the system setting. */
@media (prefers-color-scheme: dark) {
	:root.no-js:not([data-theme="light"]) {
		--ms-bg: #0e1216;
		--ms-surface: #161b21;
		--ms-surface-2: #1d242b;
		--ms-ink: #eceff3;
		--ms-ink-2: #c3cad3;
		--ms-muted: #9aa5b2;
		--ms-line: #2a323b;
		--ms-line-strong: #46515e;
		--ms-accent: #3fc7ae;
		--ms-accent-hover: #6ad8c4;
		--ms-accent-ink: #06211c;
		--ms-accent-soft: #12332d;
		--ms-ok: #6fd08c;
		--ms-ok-bg: #12281a;
		--ms-err: #ff9b92;
		--ms-err-bg: #34171a;
		--ms-warn: #f5c15d;
		--ms-warn-bg: #2e2410;
		--ms-info: #8dbbf2;
		--ms-info-bg: #12233a;
		color-scheme: dark;
	}
}