/**
 * NeoDwell design tokens (spec 25, req. 1).
 *
 * Single source of truth for color/type/spacing/motion, consumed by this theme,
 * neodwell-core's Elementor widgets, and neodwell-crm's dashboard/CRM UI alike.
 * Placeholder values — real palette/type scale land when visual design work starts
 * (spec 25 open question: reference/inspiration set still to be chosen).
 */

:root {
	/* Color */
	--nd-color-primary: #1b6b5f;
	--nd-color-primary-contrast: #ffffff;
	--nd-color-secondary: #d98e04;
	--nd-color-background: #ffffff;
	--nd-color-surface: #f6f7f8;
	--nd-color-text: #1a1a1a;
	--nd-color-text-muted: #5a5a5a;
	--nd-color-border: #e2e4e7;
	--nd-color-success: #1e8a4c;
	--nd-color-warning: #b8860b;
	--nd-color-danger: #c0392b;

	/* Type */
	--nd-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
	--nd-font-heading: var(--nd-font-body);
	--nd-font-size-sm: 0.875rem;
	--nd-font-size-base: 1rem;
	--nd-font-size-lg: 1.25rem;
	--nd-font-size-xl: 1.75rem;

	/* Spacing */
	--nd-space-1: 4px;
	--nd-space-2: 8px;
	--nd-space-3: 16px;
	--nd-space-4: 24px;
	--nd-space-5: 40px;

	/* Radius / elevation */
	--nd-radius-sm: 4px;
	--nd-radius-md: 8px;
	--nd-radius-lg: 16px;
	--nd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
	--nd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);

	/* Motion (spec 25 req. 5 — respect prefers-reduced-motion, see below) */
	--nd-motion-fast: 120ms;
	--nd-motion-base: 200ms;
	--nd-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--nd-color-background: #12181a;
		--nd-color-surface: #1b2224;
		--nd-color-text: #eef1f2;
		--nd-color-text-muted: #a9b0b2;
		--nd-color-border: #2c3436;
	}
}

:root[data-theme="dark"] {
	--nd-color-background: #12181a;
	--nd-color-surface: #1b2224;
	--nd-color-text: #eef1f2;
	--nd-color-text-muted: #a9b0b2;
	--nd-color-border: #2c3436;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--nd-motion-fast: 0ms;
		--nd-motion-base: 0ms;
	}
}