/**
 * WEPRO Design Tokens v1.0.0
 *
 * Core design token definitions on :root.
 * Enqueued on ALL admin pages at priority 5.
 * Other plugins consume via: var(--wdt-token-name, fallback)
 */

:root {
	/* ─── Semantic Colors ─── */
	--wdt-color-primary: #2563EB;
	--wdt-color-primary-hover: #1D4ED8;
	--wdt-color-primary-light: #EFF6FF;
	--wdt-color-success: #059669;
	--wdt-color-success-light: #ECFDF5;
	--wdt-color-warning: #D97706;
	--wdt-color-warning-light: #FFFBEB;
	--wdt-color-error: #DC2626;
	--wdt-color-error-light: #FEF2F2;
	--wdt-color-info: #0284C7;

	/* ─── Surface & Background ─── */
	--wdt-color-bg: #f1f5f9;
	--wdt-color-surface: #ffffff;
	--wdt-color-surface-alt: #f8f9fa;
	--wdt-color-border: #e2e8f0;
	--wdt-color-border-subtle: #f1f5f9;

	/* ─── Text Colors ─── */
	--wdt-color-text: #1e293b;
	--wdt-color-text-secondary: #64748b;
	--wdt-color-text-muted: #94a3b8;

	/* ─── Spacing (8pt grid) ─── */
	--wdt-space-xxs: 4px;
	--wdt-space-xs: 8px;
	--wdt-space-sm: 12px;
	--wdt-space-md: 16px;
	--wdt-space-lg: 24px;
	--wdt-space-xl: 32px;
	--wdt-space-2xl: 48px;

	/* ─── Border Radius ─── */
	--wdt-radius-sm: 4px;
	--wdt-radius-md: 8px;
	--wdt-radius-lg: 12px;
	--wdt-radius-xl: 16px;
	--wdt-radius-pill: 9999px;

	/* ─── Shadows ─── */
	--wdt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
	--wdt-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
	--wdt-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.08);

	/* ─── Typography ─── */
	--wdt-font-family: inherit;
	--wdt-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
	--wdt-font-size-xs: 11px;
	--wdt-font-size-sm: 12px;
	--wdt-font-size-body: 13px;
	--wdt-font-size-md: 14px;
	--wdt-font-size-lg: 16px;
	--wdt-font-size-xl: 20px;
	--wdt-font-size-2xl: 24px;
	--wdt-font-weight-normal: 400;
	--wdt-font-weight-medium: 500;
	--wdt-font-weight-semibold: 600;
	--wdt-font-weight-bold: 700;
	--wdt-line-height-tight: 1.2;
	--wdt-line-height-normal: 1.5;
	--wdt-line-height-relaxed: 1.7;

	/* ─── Transitions ─── */
	--wdt-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--wdt-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
	--wdt-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

	/* ─── Z-Index ─── */
	--wdt-z-dropdown: 100;
	--wdt-z-sticky: 200;
	--wdt-z-modal-backdrop: 999;
	--wdt-z-modal: 1000;
	--wdt-z-toast: 1100;
}