/* Design tokens: the single source for colours, spacing, radius and shadow. */
:root {
	--emt-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--emt-bg: #f3f5f9;
	--emt-surface: #ffffff;
	--emt-surface-2: #f8fafc;
	--emt-text: #0f172a;
	--emt-text-2: #334155;
	--emt-muted: #64748b;
	--emt-border: #e2e8f0;
	--emt-border-strong: #cbd5e1;

	--emt-primary: #1e40af;
	--emt-primary-hover: #1e3a8a;
	--emt-primary-soft: #e8eefc;
	--emt-on-primary: #ffffff;

	--emt-success: #15803d;
	--emt-success-soft: #e6f5ec;
	--emt-warning: #b45309;
	--emt-warning-soft: #fdf1dc;
	--emt-danger: #b91c1c;
	--emt-danger-soft: #fde8e8;
	--emt-maintenance: #6d28d9;
	--emt-maintenance-soft: #efe8fd;
	--emt-info: #0369a1;
	--emt-info-soft: #e0f2fe;
	--emt-neutral: #475569;
	--emt-neutral-soft: #eef1f5;

	--emt-radius-sm: 8px;
	--emt-radius: 12px;
	--emt-radius-lg: 16px;
	--emt-radius-pill: 999px;

	--emt-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--emt-shadow: 0 1px 3px rgba(15, 23, 42, 0.07), 0 4px 14px rgba(15, 23, 42, 0.04);
	--emt-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.18);

	--emt-space-1: 4px;
	--emt-space-2: 8px;
	--emt-space-3: 12px;
	--emt-space-4: 16px;
	--emt-space-5: 24px;
	--emt-space-6: 32px;
	--emt-space-7: 48px;

	--emt-sidebar-w: 264px;
	--emt-topbar-h: 64px;
	--emt-focus: 0 0 0 3px rgba(30, 64, 175, 0.35);
}