/**
 * Street Blitz design tokens.
 * Load once; every plugin surface consumes via custom properties.
 */
:root {
	--sb-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--sb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

	--sb-color-bg:            #ffffff;
	--sb-color-surface:       #f8fafc;
	--sb-color-surface-muted: #f1f5f9;
	--sb-color-border:        #e2e8f0;
	--sb-color-border-strong: #cbd5e1;

	--sb-color-text:          #0f172a;
	--sb-color-text-muted:    #64748b;
	--sb-color-text-subtle:   #94a3b8;

	--sb-color-primary:       #2563eb;
	--sb-color-primary-hover: #1d4ed8;
	--sb-color-primary-soft:  #dbeafe;

	--sb-color-accent:        #f59e0b;
	--sb-color-accent-soft:   #fef3c7;

	--sb-color-success:       #10b981;
	--sb-color-warning:       #f59e0b;
	--sb-color-danger:        #ef4444;
	--sb-color-info:          #3b82f6;

	--sb-radius-sm: 4px;
	--sb-radius-md: 8px;
	--sb-radius-lg: 12px;
	--sb-radius-xl: 16px;
	--sb-radius-full: 9999px;

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

	--sb-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
	--sb-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
	--sb-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);

	--sb-font-size-xs: 12px;
	--sb-font-size-sm: 13px;
	--sb-font-size-md: 14px;
	--sb-font-size-lg: 16px;
	--sb-font-size-xl: 20px;
	--sb-font-size-2xl: 28px;

	--sb-line-height-tight:   1.2;
	--sb-line-height-default: 1.5;
	--sb-line-height-relaxed: 1.7;

	--sb-transition-fast: 120ms ease;
	--sb-transition-base: 200ms ease;
}

.sb-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--sb-space-1);
	padding: 2px 10px;
	border-radius: var(--sb-radius-full);
	font-size: var(--sb-font-size-xs);
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.6;
	white-space: nowrap;
}

.sb-muted { color: var(--sb-color-text-muted); font-size: var(--sb-font-size-xs); }