/*
 * Watchiet Events Management: design tokens .
 * All values are CSS custom properties scoped to .wevm so they never leak into
 * the active theme. Brand colours are injected from Settings (validated).
 * The shell is dark: white and light-grey text on black meet WCAG AA contrast (4.5:1).
 */
.wevm {
	/* Brand (overridden by Settings through an inline style). */
	--wevm-primary: #1b4fd8;
	--wevm-on-primary: #ffffff;
	--wevm-accent: #b45309;
	--wevm-on-accent: #ffffff;

	/* Neutrals. */
	--wevm-bg: #000000;
	--wevm-surface: #111216;
	--wevm-surface-2: #181a20;
	--wevm-text: #ffffff;
	--wevm-muted: #b9bec9;
	--wevm-border: #2a2d36;
	--wevm-focus: #ffffff;

	/* Space scale. */
	--wevm-space-1: 0.25rem;
	--wevm-space-2: 0.5rem;
	--wevm-space-3: 0.75rem;
	--wevm-space-4: 1rem;
	--wevm-space-5: 1.5rem;
	--wevm-space-6: 2rem;
	--wevm-space-7: 3rem;

	/* Shape. */
	--wevm-radius: 12px;
	--wevm-radius-sm: 8px;

	/* Fluid type scale. */
	--wevm-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--wevm-fs-0: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
	--wevm-fs-1: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
	--wevm-fs-2: clamp(1.35rem, 1.1rem + 1vw, 1.8rem);
	--wevm-fs-3: clamp(1.7rem, 1.2rem + 2vw, 2.6rem);

	/* Touch target (WCAG 2.2: at least 24px; we use 44px). */
	--wevm-tap: 44px;

	/* Layout. */
	--wevm-max: 1200px;
}