/*
 * Wigmorean design tokens — handle `wig-tokens`.
 *
 * Role-named custom properties shared by every Suite plugin, in wp-admin and
 * on the front end. Depend on the handle and read the variables; never copy
 * the values. Light values sit on :root. Dark values apply when the document
 * says so ([data-theme="dark"]) or when the OS prefers dark and the document
 * has not pinned itself to light.
 */

:root {
	/* Surfaces and text */
	--wig-surface: #ffffff;
	--wig-surface-2: #f5f6f8;
	--wig-surface-3: #eceef2;
	--wig-text: #1b2533;
	--wig-text-muted: #5b6676;
	--wig-border: #dfe3e8;
	--wig-border-strong: #c4cbd4;

	/* Brand */
	--wig-accent: #1f3a5f;
	--wig-accent-hover: #172c48;
	--wig-accent-soft: #e6ecf4;
	--wig-accent-contrast: #ffffff;
	--wig-gold: #8a6a14;
	--wig-gold-soft: #f5efdf;

	/* Status */
	--wig-success: #1e7a46;
	--wig-success-soft: #e3f3ea;
	--wig-warning: #8a5a00;
	--wig-warning-soft: #fbf0d9;
	--wig-danger: #b3261e;
	--wig-danger-soft: #fbe5e3;

	/* Shape */
	--wig-radius-sm: 6px;
	--wig-radius: 12px;
	--wig-radius-lg: 16px;
	--wig-radius-pill: 999px;
	--wig-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
	--wig-shadow: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
	--wig-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.16);
	--wig-focus-ring: 0 0 0 3px rgba(31, 58, 95, 0.28);

	/* Spacing scale (4px base) */
	--wig-space-1: 4px;
	--wig-space-2: 8px;
	--wig-space-3: 12px;
	--wig-space-4: 16px;
	--wig-space-5: 20px;
	--wig-space-6: 24px;
	--wig-space-8: 32px;
	--wig-space-10: 40px;

	/* Type */
	--wig-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--wig-font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--wig-font-yoruba: "Times New Roman", Times, serif;
	--wig-text-xs: 12px;
	--wig-text-sm: 13px;
	--wig-text-md: 14px;
	--wig-text-lg: 16px;
	--wig-text-xl: 20px;
	--wig-text-2xl: 26px;
}

:root[data-theme="dark"] {
	--wig-surface: #18202b;
	--wig-surface-2: #10161e;
	--wig-surface-3: #222c39;
	--wig-text: #e8edf3;
	--wig-text-muted: #9ba7b6;
	--wig-border: #2c3746;
	--wig-border-strong: #3d4a5c;
	--wig-accent: #8fb3e0;
	--wig-accent-hover: #a9c5ea;
	--wig-accent-soft: #1f2f45;
	--wig-accent-contrast: #0d1724;
	--wig-gold: #d8b45a;
	--wig-gold-soft: #2f2816;
	--wig-success: #6cc58f;
	--wig-success-soft: #173326;
	--wig-warning: #e3b35a;
	--wig-warning-soft: #33280f;
	--wig-danger: #f08a82;
	--wig-danger-soft: #3a1c1a;
	--wig-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
	--wig-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	--wig-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
	--wig-focus-ring: 0 0 0 3px rgba(143, 179, 224, 0.35);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wig-surface: #18202b;
		--wig-surface-2: #10161e;
		--wig-surface-3: #222c39;
		--wig-text: #e8edf3;
		--wig-text-muted: #9ba7b6;
		--wig-border: #2c3746;
		--wig-border-strong: #3d4a5c;
		--wig-accent: #8fb3e0;
		--wig-accent-hover: #a9c5ea;
		--wig-accent-soft: #1f2f45;
		--wig-accent-contrast: #0d1724;
		--wig-gold: #d8b45a;
		--wig-gold-soft: #2f2816;
		--wig-success: #6cc58f;
		--wig-success-soft: #173326;
		--wig-warning: #e3b35a;
		--wig-warning-soft: #33280f;
		--wig-danger: #f08a82;
		--wig-danger-soft: #3a1c1a;
		--wig-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
		--wig-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
		--wig-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
		--wig-focus-ring: 0 0 0 3px rgba(143, 179, 224, 0.35);
	}
}

/* Yorùbá text: Times New Roman is the one face that renders every diacritic reliably. */
.wig-yoruba {
	font-family: "Times New Roman", Times, serif;
}